non scrolling background image

User 486472 Photo


Registered User
24 posts

Is there a setting to keep the background image from vertically scrolling using scdp? I want the background image to remain stationary while the logo and shop items scroll up and down.

I didn't see any way to do this using the editor, but I was able to simulate this by manually editing the CSS file and adding "background-attachment:fixed" to the #scs_central_area_wrapper definition.

I realize that manually modifying the CSS is a no-no but as I stated, I couldn't figure out how to do this using the editor.

What is the proper way of implementing this behavior?
User 38401 Photo


Senior Advisor
10,951 posts

User 486472 Photo


Registered User
24 posts

Thanks Jo Ann,

That's the same page I got the code from that I modified the CSS with. The real question is how do I implement this in my store without modifying manually modifying the code created by the coffecup software?
User 486472 Photo


Registered User
24 posts

Oops! I knew I should have previewed first! ignore the extra "modifying":/
User 187934 Photo


Senior Advisor
20,245 posts

Ken give this a try.
Place the code into your shops custom header markup

<style type="text/css">
<!--
body {background-attachment:fixed;}
-->
</style>

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 486472 Photo


Registered User
24 posts

And that did the trick. Thanks Eric!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.