Custom CSS to remove box shadow in just one section?

[Cozytown]

I'm trying to remove the box shadow from just one particular section. I like the way it looks on regular product cards and collections but for this one section I'm trying to do a more minimal quick navigation and would like to remove the shadow behind. Is this possible? Thank you so much

site: baycitystudios.co

[TerenceKEANE]

Hi!

On which page is the area you indicated in the image? What you wanted is feasible.

Terence.

[Cozytown]

That's on the home page, I'm trying to eventually have a mouseover effect where the sketchy-style icon switches to a full colour version but the first step here would be to get rid of that box shadow

[TerenceKEANE]

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

#Slider-template--17204078215317__featured-collection .card--card:after {

    box-shadow: none!important;

}

Terence

[topnewyork]

Hello @Cozytown ,

For remove the box shadow you need to add this css

Go to online store > themes > edit code >  Search  base.css file 

Add to the given code at the bottom of the file base.css

.color-scheme-1 {
  
     color-shadow: 0;
}

Save Changes.