Remove Blue Outline On Debut Theme Buttons

caseybooth
New Member
2 0 1

Hey guys,

My shop isn't published yet, so I dont know if anyone can help, but I have a blue outlines when I hover/click on buttons using Chrome on my desktop.
Namely on slideshow buttons, add to cart and check out buttons. 

https://casey-booth-art-test.myshopify.com/

I havent had the issue with other themes, just Debut so far. I search far and wide on here and google and haven't found an answer. Any help is appreciated.

 

Thanks!!

KetanKumar
Shopify Partner
14144 1649 5076

Hello, @caseybooth 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry your store is password protect

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
caseybooth
New Member
2 0 1

Hey, sorry, I removed the password. You should be able to access now.

I've done a bit of editing so far so there are lines of code that have been added to the end of the themes.css.liquid file. 

Here is an image to show the issue I'm trying to resolve. I was able to remove that blue box from appearing on the nav bar, but no in other areas.

Screen Shot 2020-10-12 at 15.36.23.png

 

Thanks!

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

@caseybooth 

Thanks for it

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

:focus {
    outline:  none !important;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
A1li
New Member
4 0 0

i was having the exact same issue and i just fixed it, thanks to you. 

but i also have the exact same blue lines in the slideshow on the home page every time i touch any area within the slideshow box i get this blue line. 

i would appreciate it if you know a similar code but effects the slideshow. 

thankss again  

 

im using boundless theme.

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

@A1li 

Thanks for post

can you please share store url.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
MPOPernille
Tourist
5 0 1

Hi, 

I'm having the same problem, only it's happening all over the website - from pressing on the next image on the slideshow, to when adding products to cart, removing products from cart, and so on. See screenshots below.

Skjermbilde 2021-01-29 kl. 09.39.19.pngSkjermbilde 2021-01-29 kl. 09.39.48.pngSkjermbilde 2021-01-29 kl. 09.40.10.pngSkjermbilde 2021-01-29 kl. 09.41.53.png

How can I fix this? With the same code as @KetanKumar previously posted? 
Thanks,

 

Pernille

KetanKumar
Shopify Partner
14144 1649 5076

@MPOPernille 


Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
MPOPernille
Tourist
5 0 1

Hi, 

thanks for the quick reply!

my-pantry-organizer.myshopify.com /mypantryorganizer.no

 

Pernille

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

@MPOPernille 

Thanks 

it possible to share further issue prosses video so i will check and let you know

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes