Joomla Templates Club 406,261 posts

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#130940

Ja Fagus 1.013

Does anyone know what is required to replace the grey background colour with an image like the very top of the site.

I know its in the css but need to know which code to change and what to add.

Thanks

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#260282

I’m pretty sure that grey background should be in the template.css and it will be defined in the body class / id.

i might be wrong though.

I can’t spot the correct class with firebug but i’m sure majority of the templates specify their backgrounds there

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#260285

here you go mate

change the following code in template_css.css

body#bd {template_css.css (line 24)
background:#464646 url(../images/body-bg.jpg) repeat-x scroll center top;
color:#EFEFEF;
padding:0pt;
}

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#260290

Take a look in template_css.css line 24:

body#bd {
background:#464646 url(../images/body-bg.jpg) repeat-x center top;
color:#EFEFEF;
padding:0;
}
You can change the image name marked in red above to your name, also you might wanna change #464646 to antoher color or just delete it, this depends on your image.
But prepare for a little surprise when you have added the image you want. Test it out and see first.

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#260305

What little suprise???

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#260308

Changed the code and nothing happened :confused:

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#260309

i guess menalto means that the image will look strange until you’ve edited it properly.

lol

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#260315

that seems to be the image code directly behind the topsl-bg which is the image with the question marks on it

anyone know the correct path?

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#260319

are you sure.

when i edit the css using firebug – it completely removes the grey background. have you cleared the cache in your browser?

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#260321

Yes and I tried to delete the colour like Menalto suggested and this is what is left…..so if I figure the image out its not going to remove all the grey….

2171

---

Attachments:

1. 

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#260329

mfcphil, give me the code you have changed to?

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#260414

From

body#bd {
padding: 0;
color: #EFEFEF;
background: url(../images/body-bg.jpg) repeat-x top #464646;
}

to this

body#bd {
padding: 0;
color: #EFEFEF;
background: url(../images/texture-bg.jpg) repeat-x top #464646;
}

When the page is loading you can see the image behind the topsl image

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#260422

It seems to be working fine here now

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#260431

Menalto you have lost me!!

All the area is still grey….

if you are talking about the attached image, I changed that back yesterday, that was to show that I could not change the colour by the hex numbers

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#260438

So you want the wooden image to cover the whole sites background?

[Author]

Posts