Custom CSS to remove box shadow in just one section?

Cozytown
Excursionist
18 0 3

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

 

Cozytown_0-1713657090299.png

 

Replies 4 (4)

TerenceKEANE
Shopify Partner
327 65 58

Hi!

 

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

 

 

Terence.

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Cozytown
Excursionist
18 0 3

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
Shopify Partner
327 65 58

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;

}

 

shopify.base.css.jpg

 

Terence

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

topnewyork
Navigator
259 27 39

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.

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel