Elise__ Posted July 28, 2021 Share Posted July 28, 2021 Site URL: https://mandarin-violin-mjw7.squarespace.com/ Hello everyone, I have an overlay for my background on the home page. However the title and text is disappearing behind the overlay. How do I adjust the site so that the overlay is behind the text? password: elise Many thanks in advance. /**** HOMEPAGE ****/ /* Section 1 */ /* Section 1 gradient */ section[data-section-id="60ef53636ebc0620d8effd57"] .section-background .section-background-overlay {width:100%; opacity: 100%! important; background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0)); z-index: 1;} /* Header gradient */ .header-announcement-bar-wrapper.black, {width:100%; opacity: 100%! important; background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0)); z-index: 1;} Link to comment
tuanphan Posted July 29, 2021 Share Posted July 29, 2021 14 hours ago, Elise__ said: Site URL: https://mandarin-violin-mjw7.squarespace.com/ Hello everyone, I have an overlay for my background on the home page. However the title and text is disappearing behind the overlay. How do I adjust the site so that the overlay is behind the text? password: elise Many thanks in advance. /**** HOMEPAGE ****/ /* Section 1 */ /* Section 1 gradient */ section[data-section-id="60ef53636ebc0620d8effd57"] .section-background .section-background-overlay {width:100%; opacity: 100%! important; background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0)); z-index: 1;} /* Header gradient */ .header-announcement-bar-wrapper.black, {width:100%; opacity: 100%! important; background: linear-gradient(to right, rgb(216, 188, 171), rgba(0,0,0,0), rgba(0,0,0,0)); z-index: 1;} Hi. The site is expired. You can contact Squarespace Customer Care to extend it (free) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Elise__ Posted July 29, 2021 Author Share Posted July 29, 2021 10 hours ago, tuanphan said: Hi. The site is expired. You can contact Squarespace Customer Care to extend it (free) Hi @tuanphan, oh oops! I duplicated the website. You can see it here: https://buttercup-mushroom-ee3n.squarespace.com/ password: elise How should I adjust the overlay so that it is behind the title? Link to comment
Elise__ Posted July 31, 2021 Author Share Posted July 31, 2021 Hi @tuanphan, Could you still help with this? Link to comment
Solution tuanphan Posted August 1, 2021 Solution Share Posted August 1, 2021 20 hours ago, Elise__ said: Hi @tuanphan, Could you still help with this? Add to Design > Custom CSS h2 { position: relative; z-index: 9999; } Elise__ 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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