Removing the outline on a product page from Sense theme.

Solved
luigipraba
Excursionist
22 1 6

Hello everyone, i am trying to remove the ugly outline on the product pages from the Sense theme.

I already searched the board and found a thread that suggests to paste the following code:

 

.global-media-settings:after{
box-shadow:none !important
}

 

at the end of the suggested file, howevver this solution fails for me.

Nothing happens or changes after the edit is done.

Accepted Solution (1)
luigipraba
Excursionist
22 1 6

This is an accepted solution.

I have found the way to do it by playing with settings.

So, basically the problem was that even if the "outline thickness" (in the theme settings -> media) was set to 0, it appeared as if it was still there because the SHADOW was still present. When you turn the shadow to 0 too, then your product page won't have an outline of any kind.

View solution in original post

Replies 3 (3)
Moeed
Shopify Partner
2439 617 736

Hey @luigipraba 
Kindly share your Store URL and Password if enabled

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications

- Expert in Shopify SEO optimization for higher search rankings.


- Your Coffee Tip , my code - a perfect blend! ❤️
luigipraba
Excursionist
22 1 6

0fbee0-2.myshopify.com

 

It's a store i'm running the test on, just to clarify why it's bad.

luigipraba
Excursionist
22 1 6

This is an accepted solution.

I have found the way to do it by playing with settings.

So, basically the problem was that even if the "outline thickness" (in the theme settings -> media) was set to 0, it appeared as if it was still there because the SHADOW was still present. When you turn the shadow to 0 too, then your product page won't have an outline of any kind.