Jump to content
Sign in to follow this  
yourtribute

Use a Background Image

Recommended Posts

yourtribute    0
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

Share this post


Link to post
Share on other sites
bryan-hadaway    3
bryan-hadaway

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

Share this post


Link to post
Share on other sites
Andrew    201
Andrew

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

Share this post


Link to post
Share on other sites
yourtribute    0
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

Share this post


Link to post
Share on other sites
bartspain    0
bartspain

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×