Blue Border Around Gallery Images On Debut Theme

[terrasoleil]

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

I have already tried the following, and none have worked:

.image-bar__link:focus { position: relative; z-index: 0 ; outline: none; border: none; }

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

[infoatcodelab7]

@terrasoleil 

Please add this CSS to your theme,

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

Thank You!

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.grid--no-gutters .grid__item a.image-bar__link div {
outline: none !important;
}

[terrasoleil]

Worked like a charm, thank you!

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.