We need to change the background image in "Full-width" template without disturbing header and footer backgrounds.
How to change background image and footer background in Full-width?
Started by
saplets
, Nov 11 2010 07:02 AM
6 replies to this topic
#2
saplets
-
- Members
-
- 31 posts
Advanced Member
Posted 11 November 2010 - 07:18 AM
Sorry, forgot to mention that my website is
#3
cmunns
-
- Members
-
- 6,511 posts
Advocate
Posted 11 November 2010 - 09:04 PM
`
#page {
background:URL('yourimage') no-repeat #999888;
}
#footer {
background:#888333;
}
`
I just guessed with those hex colors but you would use those two selectors and a similar shorthand for the first selector to apply a background image that still uses the background color.
#4
saplets
-
- Members
-
- 31 posts
Advanced Member
Posted 13 November 2010 - 08:03 AM
Tried the above, it isn't working. Can you plz tell us if we choose "fixed width", how do we change the Footer Background? In the Fixed Width template, we are able to change the background image.
#5
catrina
-
- Moderators
-
- 12,345 posts
Advocate
Posted 13 November 2010 - 06:34 PM
Hello, which theme are you using?
#6
saplets
-
- Members
-
- 31 posts
Advanced Member
Posted 15 November 2010 - 05:14 AM
We are using PlatformPro.
#7
cmunns
-
- Members
-
- 6,511 posts
Advocate
Posted 15 November 2010 - 07:30 PM
Both rules above would be the same but you just add `.fixed_width` to the front of each css selector like so
`
.fixed_width #footer {
background:#000000;
}
`
