Minimal theme thin blue line around slideshow

Solved
ThreadtoToe
New Member
4 0 0

Hello everyone,

 

On my shopify homepage, when I click on a slideshow image the whole image gets a blue border. How can I remove this as this looks weird? I checked the settings in customize mode but the colors for lines and borders are set to none. This is on the minimal theme. 

 

Threadtotoe.com 

 

Password is pepiez.

 

Thanks in advance

0 Likes

This is an accepted solution.

Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.index-section.slideshow-section:focus {
    outline: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
ThreadtoToe
New Member
4 0 0

Brilliant!! Thank you :)

0 Likes
ThreadtoToe
New Member
4 0 0

Heya,

 

Since you helped me brilliantly the last time...

 

I'm now in the Debut theme and when I click on an image in the product page it shows the same blue border.

Which code should I fill in to fix this?

 

Thanks in advance!

0 Likes
mijankarim
Shopify Partner
53 13 15

Hi,

 

You can try this code .

.feature-row__image:focus{
	outline: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store? hire me.
Email: mijan.karim@yahoo.com
Skype: mijan.karim
If you want to donate me click here (paypal)
0 Likes
ThreadtoToe
New Member
4 0 0

That did it. Thank you so much!

0 Likes
HitanshuDalal13
New Member
5 0 0

I have the same issue, where a border comes up as soon as I click the slideshow image. I even copied the code at the end of theme.scss.liquid but its still not going, any other possible solution?

0 Likes
HitanshuDalal13
New Member
5 0 0

My apologies, I am working on the boundless theme, could you please help me with the same problem where the slideshow image shows a blue border when I click on it?

0 Likes

Hello @HitanshuDalal13,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes

@HitanshuDalal13,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.hero[tabindex='-1']:focus .hero__content-wrapper {
    outline: none !important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes