Shopify themes, liquid, logos, and UX
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; }
Solved! Go to the solution
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;
}
Please add this CSS to your theme,
.image-bar__link:focus .image-bar__content {
outline :none;
}
Thank You!
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;
}
Worked like a charm, thank you!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024