New edugeekJoomla, how do I change background colour

**PEO** · 29th January 2009, 09:49 AM

I'm playing with the new edugeek website (excellent work, best one up to now) Im going to use it for our intranet rather than internet site.

Im wanting to change the background colour 'White' to an image. How do I go about doing this please?

cheers

**lightinthedark** · 29th January 2009, 08:15 PM

Without having it here in front of me, I'd say:
1) Get your image and upload it to a folder in the templates folder of your Joomla installation (the 'images' folder would seem a sensible choice).
2) Open the administrator page for your site
3) Go to the template admin page ("extensions" > "template manager"
4) Click the template that is currently applied to the page you're trying to change (or the default one)
5) Click "Edit CSS" on that template's edit page
6) Pick the appropriate css file (if the template is based on rhuk_milkyway this will be the "template.css". You can determine which style rule in which file is setting the background colour by using the "inspect" feature of the firebug extension for Firefox)
7) Change the appropriate rule to use the image you want. In the rhuk_milkyway template, this means go from:

Code:

#whitebox {
	margin: 0 21px 0px 21px;
	background: #fff;
	width: auto;
}

to:

Code:

#whitebox {
	margin: 0 21px 0px 21px;
	background: url('../images/my_bg_pic.jpg') top left no-repeat;
	width: auto;
}

8) Save that and reload your page.
9) Try to figure out why it didn't work quite right by a combination of firebug and swearing.

Those instructions are un-tested and may not work but will hopefully help you in the right direction. I have assumed that you're using some derivitive of the rhuk_milkyway template as I haven't looked at the edugeek Joomla package. Someone else may be able to give you more precise guidance as to what file / line you need to change if you can't figure it out with firebug.

Hello
:-Dave