Blue Border Around Gallery Images On Debut Theme

Store Design
1

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 2022-01-27 at 7.09.49 PM.png
Screen Shot 2022-01-27 at 7.09.49 PM.png2696×982 437 KB

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; }

2

@terrasoleil

Please add this CSS to your theme,

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

Thank You!

3

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;
}
4

Worked like a charm, thank you!

1 Like
5

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.