remove thumbnail outline

[ellacoker]

Hello,

Is someone able to assist me in removing the thumbnail border?

URL: https://www.samiyaskincare.com.au/products/throat-chakra-face-oil

Thank youu

[SafeerAhmed]

add this to your assets/base.css file

li.thumbnail-list__item button.thumbnail.global-media-settings:focus-visible {
    box-shadow: none;
    border: none;
    outline: none;
}

[CodingFifty]

Hi @ellacoker,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

button.thumbnail.global-media-settings.global-media-settings--no-shadow{
box-shadow: none !important;
border-color: none !important;
}

[ellacoker]

hello, this didnt seem to work. alternatively, do you know how to fix my outline instead? it seems to get chopped off on the top, in mobile mode. please refer to screenshot to see what i mean.

[SafeerAhmed]

try this

button.thumbnail[aria-current] {
    box-shadow: none !important;
}

[DaisyVo]

Hi @ellacoker 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.thumbnail[aria-current] {
    box-shadow: none !important;
    border-color: transparent !important;
}

Result 

Best,

Daisy

[Dan-From-Ryviu]

Hi @ellacoker 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

.product__media-wrapper .thumbnail[aria-current] {
    box-shadow: unset;
    border: 1px solid #000;
}

[PageFly-Richard]

Hi @ellacoker 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.thumbnail[aria-current]:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: unset;
}
.product__media-wrapper .thumbnail[aria-current] {
    box-shadow: unset;
    border: 0;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly