Remove Drop shadow

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;
}

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;
}

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

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;
}

 

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

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;
}

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!

1. Inspect the element on your website to identify its CSS selector.
2. Find the unique CSS selector for the image block you want to modify.
3. Use the CSS selector to modify the CSS properties for the block.
4. Set the box-shadow property to "none" to remove the shadow effect.
5. Apply the CSS changes to your website's CSS file or custom CSS editor.
6. Refresh your website to see the updated appearance of the image block without the shadow.

Remember to adapt the CSS selector and properties to match your specific image block.