bsturc Posted June 5, 2023 Posted June 5, 2023 Ever since SquareSpace was updated a few months back, the custom code blocks I made so that I could have a few pages with different image backgrounds stopped working entirely. I've tried using code blocks, custom CSS, and header code injection on the sites, but none of them will work. I cannot figure out what is wrong, and it is super frustrating. Here is an example of a header code injection I've tried: <style> /*Add the image as a background*/ #page{background-image:url(https://static1.squarespace.com/static/6132633584be0e331f803da6/t/630965f6ad41a04dffeccfe9/1661560310932/Squiggles+1.jpeg);background-size: cover} /*Make the page section backgrounds transparent*/ #page .page-section {background: transparent!important} #page .page-section .section-background {background: transparent !important;} </style> I've also tried a code block, which worked before Squarespace's update. Can someone *please* explain to me what I am doing wrong?
tuanphan Posted June 9, 2023 Posted June 9, 2023 Change last code #page .page-section .section-background {background: transparent !important;} to this #page .page-section .section-background, #page .page-section .section-border {background: transparent !important;} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment