James_9848 Posted September 29, 2022 Share Posted September 29, 2022 Site URL: https://rabbit-minnow-8knw.squarespace.com/ We are trying to set up a continuous background gradient across multiple sections. We are currently using this code, but the gradient does not continue across the sections: #collection-60b9dadbc8f89f0d0d502b31{ .page,.section-background { background: transparent; background: linear-gradient(145deg, #3366ff, #00ff66) } } You can see the website here: https://rabbit-minnow-8knw.squarespace.com/ You can see how the gradient is intended to work here: https://web.archive.org/web/20220919052414/https://www.ayac.org.au/ Link to comment
Solution Ziggy Posted September 29, 2022 Solution Share Posted September 29, 2022 Hi @James_9848, this is what you need: #collection-60b9dadbc8f89f0d0d502b31 { .section-background { background: linear-gradient(145deg, #3366ff, #00ff66); background-attachment:fixed; } } Let me know if this has worked. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
James_9848 Posted September 29, 2022 Author Share Posted September 29, 2022 Thanks Ziggy! That has worked perfectly! Link to comment
Ziggy Posted September 29, 2022 Share Posted September 29, 2022 26 minutes ago, James_9848 said: Thanks Ziggy! That has worked perfectly! Fantastic, glad I could find you a nice easy solution! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment