Joomla Templates Club 406,261 posts

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#136077

Does anyone know how to add a simple background image to an Edenite templated site?

I have a simple 1 x 2000 pixel vertical graphic that i want to add so that it tiles horizontally. This is very common in many websites.

I do not know if I need to edit the template.css file or another.

Please supply the code i need to add and the line number. My graphic is called bgline.gif.

Thank you very much, i appreciate it.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#281835

Open template.css and on line 25 find…

body#bd {
background: #FFFFFF none repeat scroll 0 0;
color: #515756;
}

…and change to…

body#bd {
background: transparent url(../images/bgline.gif) repeat-x scroll 0 0;
color: #515756;
}


This may give undesirable results as a lot of the main part of the template shows through to the background.

If this is the case and you want to keep the main area with a white background then find line 481…

#ja-wrapper {
margin: 0 auto;
padding: 0 0 40px;
width: 950px;
}

…and change to…

#ja-wrapper {
background: #FFFFFF none repeat scroll 0 0;
margin: 0 auto;
padding: 0 0 40px;
width: 950px;

}

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#281956

Didn’t work Scotty. I even tried an http link to the graphic.

Any ideas?

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#281967

It is the right method Munders. The image should be in your template images folder NOT your main images folder.

Get the full url or your image and open it in a browser to see that it is displaying.

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#282010

I added the link as mentioned but still no background image.

Please note that I have duplicated the graphic into 4 image folders inc top level.

Here’s the code i added last…

body#bd {
background: transparent url(http://www.mysite.co.uk/templates/ja_edenite/images/bgline.gif) repeat-x scroll 0 0;
color: #515756;

Thanks

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#282048

Are you refreshing your browser cache? When you view your site hold SHIFT and click refresh (CTRL + F5 in FF)

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#282060

Yes, i do that every time it doesnt work

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#282061

Do you have a live URL?

BTW the link you posted in your CSS a few posts up does not work ?????

EDIT: nevermind doh!

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#282063

The image is a vertical one yes? ie. it’s higher than it is wide?

[Author]

Posts