Upload a Background Image- But keep it fixed not scrolling.

[gayatriom 0]

Hey. How Can I Upload a Background Image, but keep it fixed? So that the canvas moves but not the image. Thanks!

[Kate 3]

Hi Gayatri - You would need to use the background-attachment property. So, assign the background to the element you want, and add: "background-attachment:fixed" to it. Or, shorthand:

#elementName{background:url('urlhere.jpg') no-repeat fixed;}

You can find more info here: http://www.w3schools.com/Css/css_background.asp

[gayatriom 0]

Hey Katie. I somehow can't find the exact code for this in the platform pro files. If I could then I would just add in this property. I find the page canvas background color code, but not the background image code.

[Kate 3]

Can you give us a link to your site and a link to the image you want displayed? Then we can go from there...

[gayatriom 0]

Hey Katie. .canvas #page, .full_width #page, body.fixed_width{background-image:url('http://talentedtenthnetwork.com/wp-content/uploads/2011/02/stock-vector-open-book-on-s.jpg')background-attachment:fixed;} This is what I put in. For my site you need a user id and pw. Since I don't want the client to see it. I can send it to you in a message.

[gayatriom 0]

I found the code. Now put the above code into the custom code section.

[gayatriom 0]

but it's not working.

[gayatriom 0]

Man. Still no luck. Been playing around with it .

[gayatriom 0]

It worked!! Done! Thanks for your help. Now to the next issue!