I need help with CSS, or some booze......

K

KaalVoet

Senior Member
Joined
Jul 14, 2010
Messages
564
Reaction score
0
Location
Purple Flower Town
Well hello, so everyone knows I`m no developer, meaning i do not write code. I don`t have the patience. I do however dabble where I`m not supposed to.

I use Joomla. And i want a contact block and a call me block on the front page. And i managed it, after googling till my eyes watered and putting them in a floating div. Rest my soul. I`m surprised the page is still standing :-D

So now i have two modules in a div, but their font sizes and styling is different. And i cannot find the flippen file to change it.

Please help......

The page can be found at www.travellingtoolbox.co.za/site
 
I just packed computer into car for drive back to gtown otherwise I would have taken a look.

Easiest is to add in the div if you don't want to muck about

<div style="font-size:20;"></div>

Just edit stuff in style field to match the CSS style you need. Most CSS code can be googled
 
when i add the style to the floating div, it does not make a difference. I`m thinking i should find the actual module`s files and change it there, but the code is just greek, i cannot find the correct files to change it in the modules.
 
If you are using joomla, log in to your backend, go to extensions > template manager( in the top menu ). Then you will see 2 tabs below the top menu called styles and templates. Click on templates and on the next page find your template and click on details and views of your template. Most of your css styles will be in there.
 
Talentloos said:
If you are using joomla, log in to your backend, go to extensions > template manager( in the top menu ). Then you will see 2 tabs below the top menu called styles and templates. Click on templates and on the next page find your template and click on details and views of your template. Most of your css styles will be in there.
Click to expand...

I tried everything in that file. its two modules loaded in an article using loadposition. Im going for the booze now. blegh.
 
ok luckily both your divs have ids. from here its just styling. i assume you know some css syntax since you got both divs to float. so for text, just use font-size : px; for color its just color: whatever; what else do you want to change?
 
and your ids would be #div1 and #div2

then any styling you make you can add to any of the stylesheets in your template manager.
 
Then something like this you need to add to your stylesheet:

#div1 {font-size: 10px;}
#div1 h3 {font-size: 10px;}
#div2 {font-size: 10px;}
#div2 h4 {font-size: 10px; color: black;}

the #div1 and #div2 styles are your body text font size. where as the #div1 h3 and #div2 h4 are your headings for each div.

So with those styles you can make the headings and body text the same size or color. (i only added one color style to the second div since its heading was grey and one black, but you can just change that around.)

Then just add these styles anywhere in your style sheet located in your template manager. I would suggest making a comment right at the bottom and then adding them. eg

/* Div Styling */


#div1 {font-size: 10px;}
#div1 h3 {font-size: 10px;}
#div2 {font-size: 10px;}
#div2 h4 {font-size: 10px; color: black;}
 
trying that quick. I don`t really know any css, i`m kinda winging it. And getting help from awesome people here is helping !!!!!!!!!!
 
aaaaah Talentloos, jy is so nie talentloos nie !!!!!! Dit werk...... baie baie dankie.

Nou moet ek net die sizes fix. Die tweede module se spasies is groter as die eerste een sin en ditlyk weird ?
 
Ek moet seriously tyd maak om css bietjie te leer. ek ken html maar toe kry ek kinners en is my tyd vir self training down the drain :-p
 
KaalVoet said:
aaaaah Talentloos, jy is so nie talentloos nie !!!!!! Dit werk...... baie baie dankie.

Nou moet ek net die sizes fix. Die tweede module se spasies is groter as die eerste een sin en ditlyk weird ?
Click to expand...

Praat jy van die spasies tussen die form fields? idien so, hierdie sal jou kan help. jou een kant se fields lyk so.

.call_me_back_form_name {margin: 0px 0px 10px;}

.call_me_back_form_phone {margin: 0px 0px 10px;}

waar die 10px die spasies is tussen die fields. jy kan dit try verminder.
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X