6 replies to this topic

[yourtribute]

I am using the latest version of Platform Pro. Using custom CSS I have tried to add a background image to my website. If I select "Full-Width" design, then my image appears in the footer section. However, if I change my design to "Fixed-Width" all I see if a grey background (behind the footer too). Can you please send me the CSS or another method to use to add a background image to my website. Thanks

[bryan-hadaway]

I recommend this: ` body{background:#fff url(whatever.jpg) no-repeat center} #page{background:transparent} ` Thanks, Bryan

[cmlstudios]

Sorry to jump into a thread here, but I have tried all kinds of combinations of locations and none seem to take effect. I've put the above code into base.css, style.css, and in the custom code box (not all at the same time of course). None of these produces a white background. If I turn off the custom background color under Global Options, then it goes from a brown I had selected back to medium gray. Seems like there is a master stylesheet trumping everything we do here but I can't see anything in Firebug. (I figured it could be a silly plugin stylesheet but don't see one.) Help? Chris (PS: I'm well-versed in CSS, PHP, etc., so it's not a code error on this side -- I don't think! )

[arpowers]

Hey Chris, Are you using Firebug and have you seen the QuickTip I did here:

Please Login or Register to see this Hidden Content

I'll bet you have a problem with specificity or you're not applying to the right element... the `#page` div is the background you probably want to change.

[cmlstudios]

First off, thanks for the little Firebug tutorial. I hadn't been using it to its fullest capacity... Turns out it was the wrong element after all: body.fixed-width body, body.fixed_width { background:url("b.....g.jpg") repeat scroll 0 0 #733E18; } Thanks for the help with this frustration. Appreciate the work you're doing in the support forums all day every day.

[yourtribute]

Thanks for the input Chris. I tried the following without any luck: body{background:#fff url(whatever.jpg) no-repeat center} #page{background:transparent} I used your code and it worked! body, body.fixed_width { background:url("b.....g.jpg") repeat scroll 0 0 #733E18; } Thanks! Jason

[bartspain]

I have tried all those and none have worked for me. Bart