Editing backround colour

[pooley]

I need a little help editing the backround colour onmy Joomla Site, the staff want it a bit more child friendly (Janet & John).

 

I have edited the default template css to show our new colour, but it doesnt chnage the colour of the individual Modules on the main page, i.e. Newsletter module etc.

 

I am very new to this css malarky so any help appreciated.

 

Si

[mossj]

I beleive you should be able to change most of the color using CSS...

 

If you have IE8, press F12 and use the "click element" (box with mouse cursor in it)function.

 

Then you can click on the box and figure out what it's class/id elements are.

 

 

 

I also think the upper portion of the box is a image (stored in the templates folder) so you will have to change that accordingly.

[mossj]

Okay done it for you

 

Addition in Red

 

 

For left boxes

suffix.css (line 187)

.columnkiri .moduletable {
background-image:url[b](../images/modultrans.gif)[/b];
background-repeat:repeat-x;
[color="Red"]background-color: #FFFFFF;[/color]
border:1px solid #DDDDDD;
padding:5px;
}

 

For right boxes

suffix.css (line 206)

.columnkanan .moduletable {
background-image:url(../images/modultrans.gif);
background-repeat:repeat-x;
[color="Red"]background-color: #FFFFFF;[/color]
border:1px solid #DDDDDD;
padding:5px;
}

 

 

 

Also images/moduletrans.gif is the image you may need to change.

Edited January 26, 2010 by mossj

[pooley]

Thanks,

 

that changes the border etc, I have tried IE8 and F12 but cant pinpoint what I need changed.

 

See attached pic, it shows where the modules do not pickup the default backround colour.

 

Cheers

 

Si

[mossj]

Thats the background image,

 

../images/modultrans.gif

So go up one directory, then into the images folder (relative to where the css is stored). You should find modultrans.gif in there which you need to edit.

 

Alternativly, remove the line "background-image:url(../images/modultrans.gif);"