sarahwswanberg Posted October 31, 2020 Share Posted October 31, 2020 Site URL: https://www.indigowellnessgroup.com/ Hi, I would like to add an overlay color for the images in just this section as I did using DevTools (blue), but cannot figure out how to change this in custom CSS. The page is #home-conditions and Ive tried several things but cannot get it to stick. Thanks! Link to comment
Beyondspace Posted October 31, 2020 Share Posted October 31, 2020 You need to know the id of the elements and update in css, I used chrome extension Find Squarespace Ids Place this into Settings->Design->Custom Css #block-yui_3_17_2_1_1604087631796_15666 .image-overlay, #block-yui_3_17_2_1_1604087631796_17077 .image-overlay, #block-yui_3_17_2_1_1604087631796_31246 .image-overlay, #block-yui_3_17_2_1_1604087631796_34758 .image-overlay { background: #0000ff26; } Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
sarahwswanberg Posted November 1, 2020 Author Share Posted November 1, 2020 Thank you- that looks like it works in the squarespace backend, but then when i save it and visit the site on a diff browser, the color effect is no longer there. Any idea why? Link to comment
Beyondspace Posted November 2, 2020 Share Posted November 2, 2020 17 hours ago, sarahwswanberg said: Thank you- that looks like it works in the squarespace backend, but then when i save it and visit the site on a diff browser, the color effect is no longer there. Any idea why? I can not see the /home-condition anymore, did you take it down? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
ElizabethM Posted May 10, 2021 Share Posted May 10, 2021 Hi @bangank36 I would like to add an overlay effect on the left image Could you please help me to fix that ? website : https://studiohcom.squarespace.com/-propos password: OH2021 Link to comment
tuanphan Posted May 12, 2021 Share Posted May 12, 2021 @ElizabethM You mean Hide title When hover: Show title + Overlay Color Is this right? 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