Archived

This topic is now archived and is closed to further replies.

  • 0

Use a Background Image

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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! :) )

Share this post


Link to post
Share on other sites

Posted · Report post

Hey Chris, Are you using Firebug and have you seen the QuickTip I did here: http://www.pagelines.com/forum/topic.php?id=3176 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.

Share this post


Link to post
Share on other sites

Posted · Report post

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. :)

Share this post


Link to post
Share on other sites