AffinityAuthorServices Posted February 18, 2021 Share Posted February 18, 2021 (edited) I have used the following code to add a drop shadow to my images site wide. What CSS code do I use to counteract this code for one specific image if I do not want the code to apply to just one? //Image Shadow// .image-block { filter: drop-shadow(5px 5px 8px #000000); } Edited February 18, 2021 by AffinityAuthorServices Link to comment
creedon Posted February 18, 2021 Share Posted February 18, 2021 Please post the URL for the specific page with the image where you want to remove the drop shadow. Also point us to the image if there are multiple on the page. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
lkrepp Posted May 4, 2021 Share Posted May 4, 2021 I am also looking to do this as well. https://salesautopsy.squarespace.com/about-me I would like to do this for all images on this page. And on several other particular images throughout the site. Any tips? Link to comment
tuanphan Posted May 5, 2021 Share Posted May 5, 2021 3 hours ago, lkrepp said: I am also looking to do this as well. https://salesautopsy.squarespace.com/about-me I would like to do this for all images on this page. And on several other particular images throughout the site. Any tips? Add to Design > Custom CSS /* about me - remove dropshadow */ body#collection-605bf063484c952486adb659 .image-block-outer-wrapper { box-shadow: unset; } 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
cdm_kaladin Posted June 16, 2022 Share Posted June 16, 2022 (edited) @tuanphan Hi. I am looking to do this for an image in the footer section only. So far what I have tried hasn't worked. Any suggestions? Thanks. Edited June 16, 2022 by cdm_kaladin Link to comment
tuanphan Posted June 18, 2022 Share Posted June 18, 2022 On 6/17/2022 at 2:44 AM, cdm_kaladin said: @tuanphan Hi. I am looking to do this for an image in the footer section only. So far what I have tried hasn't worked. Any suggestions? Thanks. What is your site url? We can tweak the code easier 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
purcellzachary Posted May 23 Share Posted May 23 @tuanphan I'm looking to do the same thing, help would be much appreciated. My website is zacharypurcell.com I'd like to remove the dropshadow from this blue arrow here. Thanks! Link to comment
purcellzachary Posted May 23 Share Posted May 23 And this is the code I'm using as the drop shadow maker (Top) and beneath it I tried modifying your code to remove the the shadow, but I can't get it to work. Link to comment
tuanphan Posted May 25 Share Posted May 25 Change your code .image-block { filter: drop-shadow(5px 15px 10px #939393); } to this .image-block:not(#block-yui_3_17_2_1_1684848667979_2659) { filter: drop-shadow(5px 15px 10px #939393); } 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