Removing the outline on a product page from Sense theme

Retired Boards Appdev Store Design

Topic summary

Main issue: Removing the visible border-like effect around product media in the Sense theme’s product pages.

What didn’t work: Applying custom CSS (.global-media-settings:after { box-shadow: none !important }) had no effect for the requester.

Key update/solution: The appearance wasn’t from the outline alone. In Theme settings → Media, setting “Outline thickness” to 0 still left a visible edge because “Shadow” was enabled. Setting Shadow to 0 as well removes the outline/shadow entirely.

Context/details:

  • A test store URL was shared upon request for troubleshooting.
  • No code changes were ultimately required; the fix is fully achievable via theme settings.

Outcome: Resolved. The product media outline effect can be eliminated by disabling both Outline and Shadow in the Sense theme’s media settings.

Status: Closed with a clear settings-based solution; no remaining open questions or disagreements.

Summarized with AI on January 25. AI used: gpt-5.
1

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.

2

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

3

0fbee0-2.myshopify.com

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

4

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.