Jump to content
Sign in to follow this  
chemmiz

How to use custom CSS to Fix background image

Recommended Posts

chemmiz

Using PlatformPro, and I am trying to fix my background image that is already in place so that it does not scroll with the page. www.gc4vets.org Any tips? Thanks

Share this post


Link to post
Share on other sites
Danny

Add this to Pageline Settings >> Custom Code >> .canvas #page, .full_width #page, body.fixed_width { background: url(" flag.jpg") no-repeat fixed 50% 0 transparent; }


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
chemmiz

I put the code into custom css but the background image still scrolls with the page... Hmmmm

Share this post


Link to post
Share on other sites
Danny

Yeah, just noticed that the editor on the forums changed it slightly try this instead http://pastebin.com/v8ULm9e6


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
chemmiz

Do you know if I can adjust the vertical position of the image in that code? Thanks

Share this post


Link to post
Share on other sites
Danny

Yeah, you see in the code the 50% and the 0. The first 50% is left to right and the 0 is top to bottom just change it to how you want it can be + or - so for example, it could be 50% 50% try that. Also get Firebug and it allows you to change this on the fly.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
chemmiz

Thanks again, youre a lifesaver!

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  

×