Remove outline on clickable elements

Site URL: https://jimgoldberg.fr/

Hi,

Everytime I click on any clickable element of my website a thin dotted line surrounding the object appears. (image attached)

Would anyone know how to remove it using css codes ?

Thanks in advance for you help 🙂 

WEBSITE PASSWORD : Segura70

Default behavior

You can add this to Home > Design > Custom CSS to remove

a:focus {
    outline: none;
}

Wow ! thank you so much for your quick response 🙂 

It works perfectly except on the slideshow controls. Is there smth we can do for those ?

Thanks again !

23 minutes ago, JLDG said:

Wow ! thank you so much for your quick response 🙂 

It works perfectly except on the slideshow controls. Is there smth we can do for those ?

Thanks again !

svg:focus {
    outline: none;
}

Still not working on slideshow controls... :s

1 minute ago, JLDG said:

Still not working on slideshow controls... :s

 

try adding !important

outline: none !important;

didn't work either

If you find a way to fix it thats great otherwise you've already been very helpfull !

try

*:focus {
	outline: none !important;
}

Yes !! 

Great, thank you so much 

Hi!

Did it remove the white outline on the bottoms or just the arrows?

I'm trying to remove all outlines on clickable elements.

It's impossible to create a bottom without the white outline and the code doesn't work on mine

On 6/26/2021 at 4:33 AM, simondae said:

Hi!

Did it remove the white outline on the bottoms or just the arrows?

I'm trying to remove all outlines on clickable elements.

It's impossible to create a bottom without the white outline and the code doesn't work on mine

Try this code

* {
	outline-color: transparent !important;
}

On 2/20/2020 at 3:36 PM, tuanphan said:

Default behavior

You can add this to Home > Design > Custom CSS to remove

a:focus {
    outline: none;
}

 

Thanks!!!! 🙂