HELP - Adding scrolling color gradient background that changes as you scroll

wavy
New Member
10 0 0

Hello!

I'm looking to add a color gradient background that changes gradient as you scroll. I've seen other gradient solutions that provide a static background gradient color solution. But I'm looking to have the color gradient change as you scroll to the bottom. Thanks in advance!

0 Likes
JHKCreate
Shopify Partner
2565 433 624

Hi There,

Try following these steps

https://www.w3schools.com/howto/howto_css_bg_gradient_scroll.asp

 

Let us know if you need more help!

Best

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes
wavy
New Member
10 0 0

Thank you for your reply! This worked, but it repeats after each section on homepage, any way to get it to just be seamless on the background of the whole page regardless of sections?

0 Likes
JHKCreate
Shopify Partner
2565 433 624

You should apply this to the body element instead of the container you're probably applying it to.

Don't forget to Mark As Solution & Like to make the answer more visible to the community, Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
- Learn more about us: jhkcreate.com

0 Likes
wavy
New Member
10 0 0

Can you please help explain how to access the body element? 

0 Likes
wavy
New Member
10 0 0

Is someone could help with this that would be very much appreciated//

0 Likes