Blue Border Around Gallery Images On Debut Theme

Solved
terrasoleil
Excursionist
19 1 3

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

 

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

Accepted Solution (1)

Accepted Solutions
ZestardTech
Shopify Expert
3329 550 761

This is an 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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
infoatcodelab7
Shopify Partner
220 46 39

@terrasoleil 

 

 

Please add this CSS to your theme,

 

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

 

Thank You!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
ZestardTech
Shopify Expert
3329 550 761

This is an 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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
terrasoleil
Excursionist
19 1 3

Worked like a charm, thank you!

ZestardTech
Shopify Expert
3329 550 761
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.
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing