Dikshasri Posted March 16, 2023 Posted March 16, 2023 Hi , I am trying to remove a shadow from one of the images on my website using the "block identifier". I am very new at CSS and through some previous post came across below mentioned code - However, it doesnt work in my case. Can anyone help me with this? For example - i want to remove the shadow around this image block - #block-b31562d933959b48a947 on the website? /* about me - remove dropshadow */ body#collection-605bf063484c952486adb659 .image-block-outer-wrapper { box-shadow: unset; }
tuanphan Posted March 19, 2023 Posted March 19, 2023 Try this new code. If it doesnt work, please share link to page where you use image block, we can check easier /* about me - remove dropshadow */ div:not(#block-b31562d933959b48a947) .image-block-outer-wrapper { box-shadow: unset !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!)
tuanphan Posted April 15, 2023 Posted April 15, 2023 On 4/12/2023 at 11:23 PM, ChrisCooper said: Hi @tuanphan I am trying to apply this to remove from an image on our homepage here: hibiscus-gecko-c3sk.squarespace.com Password: SMI12345 There is an image towards the bottom that had a drop shadow I am trying to remove (two circles, one with science the other with Magic) I have the block id of: #block-yui_3_17_2_1_1680260143702_47176 but it doesnt seem to work with the above code .image-block { filter: drop-shadow(5px 5px 8px #aaaaaa); } This is the code I am using for the drop shadow Any help would be amazing thank you The site is expired. You can access this link to extend trial for free 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!)
Dikshasri Posted April 17, 2023 Author Posted April 17, 2023 On 3/19/2023 at 4:32 AM, tuanphan said: Hi this code is not working still. I dont't know whether it is related or not but i used this code mentioned to drop the shadow on all image blocks on the website. " .image-block { filter: drop-shadow(5px 5px 8px #8a8a8a); } " Try this new code. If it doesnt work, please share link to page where you use image block, we can check easier /* about me - remove dropshadow */ div:not(#block-b31562d933959b48a947) .image-block-outer-wrapper { box-shadow: unset !important; }
empowered_movement Posted May 26, 2023 Posted May 26, 2023 I am having the same problem. I want to remove the drop shadow from the logo halfway down the homepage empoweredmovement.ie I would really appreciate some guidance. Thanks
tuanphan Posted May 28, 2023 Posted May 28, 2023 On 5/26/2023 at 4:12 PM, empowered_movement said: I am having the same problem. I want to remove the drop shadow from the logo halfway down the homepage empoweredmovement.ie I would really appreciate some guidance. Thanks Add to Design > Custom CSS /* remove logo drop shadow */ div#block-yui_3_17_2_1_1682943603929_67902 { filter: unset !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!)
empowered_movement Posted May 30, 2023 Posted May 30, 2023 On 5/28/2023 at 10:14 AM, tuanphan said: Add to Design > Custom CSS /* remove logo drop shadow */ div#block-yui_3_17_2_1_1682943603929_67902 { filter: unset !important; } Legend! Thanks so much!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment