Blue Border around Gallery Images on Debut Theme

terrasoleil
New Member
2 0 0

Hi - I was just wondering how I can get rid of this weird blue border around my gallery images? It only happens when I click on the actual image links themselves. I'm using the Debut theme if that helps at all. Thank you in advance! My website is www.terrasoleil.com

 

Screen Shot 2021-01-31 at 3.37.47 AM.pngScreen Shot 2021-01-31 at 3.37.36 AM.png

0 Likes
paramSoft
Shopify Partner
1559 244 690

Please place this code at end of theme.scss

.image-bar__link:focus {
    position: relative;
    z-index: 0 ;
    outline: none;
    border: none;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
dmwwebartisan
Shopify Partner
5236 1208 1547

@terrasoleil 

Please add this code at the bottom of your assets/theme.scss.liquid file.

.image-bar__link:focus{
outline: none;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
terrasoleil
New Member
2 0 0

Nope! Neither of these solutions worked for me

0 Likes