Joomla Templates Club 406,261 posts

[metamar Friend metamarJoin date: January 2009Posts: 117Downloads:0Uploads:0 Thanks: 33 Thanked: 9 times in 1 posts]

#137137

Can I add a background image to this template? Like grass or something 🙂

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

#286614

You could do.

You just need to change the following code in template.css:

body#bd {
background:#F0F0F0 none repeat scroll 0 0;
color:#666666;
margin:0;
padding:0;
}

change that highlighted line to say:

background:url(your image source path here) – and then add whatever parameters you’d like here e.g. repeat-x etc.

Hope this helps

1 user says Thank You to anisjolly for this useful post

1. metamar

[ahmedhn Friend ahmedhnJoin date: December 2008Posts: 75Downloads:0Uploads:12 Thanks: 16]

#296697

How do u make the background image scroll down with the page like ja sandine II?

this is what I have right now but the image stays and when you scroll down the page the image stays where it is and doesnt scroll with the page.

[PHP]body#bd {
color: #666666;
background: url(../images/background/beach.jpg) repeat #f0f0f0;
padding: 0;
margin: 0;[/PHP]

[wooohanetworks Friend wooohanetworksJoin date: September 2008Posts: 1239Downloads:0Uploads:2 Thanks: 148 Thanked: 138 times in 41 posts]

#296706

It always depends on if the bg is only 1 file or more, when more, additional changes need to be done.

<em>@wooohanetworks 118403 wrote:</em><blockquote>You simply have to change or add (in template.css / body)

background: url(background.jpg.) no-repeat top left fixed;

or full hand

background: url(background.jpg)
background-attachment: fixed;

the second one would secure that in IE the background would also be fixed as I know from experience that the short hand code above, did not show the bg at all anymore after having added fixed to it, but works for FF etc..</blockquote>

1 user says Thank You to wooohanetworks for this useful post

1. ahmedhn

[ahmedhn Friend ahmedhnJoin date: December 2008Posts: 75Downloads:0Uploads:12 Thanks: 16]

#296738

Thnks, worked like a charm 🙂

[Bernardo de Kreij Friend Bernardo de KreijJoin date: September 2014Posts: 20Downloads:0Uploads:1 Thanks: 2]

#323543

I’ve been trying to get this to work but it just won’t display my logo 🙁

my template .css :

“body#bd {
color: #666666;
background: url(../images/background.jpg) no-repeat top left fixed;
padding: 0;
margin: 0;
}

if i change the colors there they change but the moment i set a bg image it won’t display.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#323888

Hi rizzler

could you please give me your live url? I think there is a problem with the path of image or your code.

Additional, try to check with this code:

body#bd {
color: #666666;
background: url(../images/background.jpg) no-repeat top left fixed;
padding: 0;
margin: 0;
}

[Author]

Posts