QueeDesign Posted November 18, 2022 Share Posted November 18, 2022 Hey! This code used to work for achieving a gradient background through my whole site (full page). .page-section, .section-background{background:transparent!important;} .site-wrapper{background: linear-gradient(#000000, #efede8)!important;} And this to add full page background image to only my homepage. .homepage{ #page{ background-image:url(https://static1.squarespace.com/static/60836bb8f7080a30215f0f8e/t/6367e03c3be40a557160fd95/1667752007410/sliert+14.png); background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat!important;} } Unfortunately the code stopped working after a recent update. Hopefully someone can point my mistake in the code! Thank you! Link to comment
Solution Ziggy Posted November 18, 2022 Solution Share Posted November 18, 2022 Squarespace made a change to the HTML for page sections last week: Try changing your first line to this: .page-section .section-border, .section-background { background:transparent !important; } tuanphan and QueeDesign 2 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
QueeDesign Posted November 29, 2022 Author Share Posted November 29, 2022 thanks! Everything works again 🙂 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