Jump to content

Remove Drop shadow

Recommended Posts

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;
}
Link to comment
  • Replies 6
  • Views 556
  • Created
  • Last Reply

Top Posters In This Topic

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!)

Link to comment
  • 4 weeks later...
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!)

Link to comment
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;
}

 

 

Link to comment
  • 1 month later...
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!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.