Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Removing the outline on a product page from Sense theme.

Solved

Removing the outline on a product page from Sense theme.

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
7716 2071 2550

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


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.