Joomla Templates Club 406,261 posts

[treybraid Friend treybraidJoin date: May 2008Posts: 302Downloads:0Uploads:23 Thanks: 43 Thanked: 14 times in 1 posts]

#135362

have 2 different backgrounds to add…

1 background for the webpage—ie the header, content and the footer…

2 a background for the webpage…

here is the url; http://www.lindsaystreethall.com

i know the website has been stripped bear—client wont listen to me… right now it has a parchment background— actually just want that for the template background if that makes any sense… need to add background for the rest of the webpage…

ie– on the joomla ja site—white background framed by the blue background…

thanks
trey

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

#279119

Hi treybraid,

You can modify template.css as following:

+ For header, find following code session at about line 771:

[PHP]#ja-header {
line-height:normal;
padding:0 0;
position:relative;
text-align:center;
z-index:0;
}[/PHP]

change to:

[PHP]#ja-header {
line-height:normal;
padding:0 0;
position:relative;
text-align:center;
z-index:0;
background: url(path to your background file) no-repeat;
}[/PHP]

+ For footer, find following code session at about line 1045:
[PHP]#ja-footer {
border-bottom:3px solid #333333;
border-left:3px solid #333333;
border-right:3px solid #333333;
clear:both;
color:#333333;
padding:10px 0;
position:relative;
}
[/PHP]

change to:

[PHP]#ja-footer {
border-bottom:3px solid #333333;
border-left:3px solid #333333;
border-right:3px solid #333333;
clear:both;
color:#333333;
padding:10px 0;
position:relative;
background: url(path to your background file) no-repeat;
}[/PHP]

+ For Content, find following code session at about line 567:

[PHP]#ja-container {
border-color:#333333;
border-style:solid;
border-width:0 3px;
}[/PHP]

change to:

[PHP]#ja-container {
border-color:#333333;
border-style:solid;
border-width:0 3px;
background: url(path to your background file) no-repeat;
}[/PHP]

Hope it helps.

[beta777 Friend beta777Join date: December 2008Posts: 72Downloads:8Uploads:2 Thanks: 13 Thanked: 1 times in 1 posts]

#296810

Hi,
I need to add picture on PAGE background. How I can do this?

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#296823

your page already has a background parchment1a.jpg as u have mentioned. what other background do u need to add?

template.css (line 25)

body#bd {
background:transparent url(../images/background/parchment1a.jpg) repeat scroll 0 0;
color:#333333;
text-align:left;
}

2 users say Thank You to jsliao for this useful post

1. beta777
2. sfpkent

[joseservitravel Friend joseservitravelJoin date: April 2009Posts: 7Downloads:0Uploads:1]

#302170

<em>@jsliao 118810 wrote:</em><blockquote>your page already has a background parchment1a.jpg as u have mentioned. what other background do u need to add?

template.css (line 25)

body#bd {
background:transparent url(../images/background/parchment1a.jpg) repeat scroll 0 0;
color:#333333;
text-align:left;
}
</blockquote>
Sorry, but i’ve changed background image in body#bd {
and no image shows

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#302260

it is showing for me…

[Author]

Posts