Blue line around links in Slideshow on Narrative theme

[foreverwildmike]

Hi everyone,

Does anyone have a fix for the below…

The blue/white boarder appears around the different tabs in the slideshow when you click on the clickable area for each tab… if you click on the word, for example ‘Amazon Rainforest’ then it doesn’t usually appear.

It would look much cleaner without it.

Thanks

[Kinjaldavra]

please share your site url and password protected then provide password

[foreverwildmike]

Website: https://www.theforeverwild.com/
Password: Shopify123

[SagarSukhanandi]

Hello @foreverwildmike , I am happy to help you

To fix this issue add below style on your CSS

button.slideshow__button-label.text-title.btn--clear {
    outline: none;
}

[foreverwildmike]

Hey, thanks so much for the code. Although I’m not sure how to add to CSS…

Do I add it to one of these?..

[SagarSukhanandi]

@foreverwildmike

Follow below steps :

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid : Paste code at bottom of file

[foreverwildmike]

Thanks so much!! There’s also a few other things I’d love to change on my shop. If you’re able to help, please let me know how much you charge for about an hours work… support@theforeverwild.com

[SagarSukhanandi]

@foreverwildmike Sent you email with hourly charges.

[SagarSukhanandi]

@foreverwildmike Could you please like and accept this solution? I will be really grateful to you