Docs

[cabmos]

Hi,

In an other website I used
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: none !important;
}

to remove the annoying outline when a link is selected. With a current website I’m working on, this does not work. Both sites use Ethos.

How can I fix this? I tried several suggestions as mentioned in various topics but nothing works. Thanks in advance

[Thai]

Hi There,

Try adding the following CSS under Customizer > Custom > Edit Global CSS:

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

Hope it helps.

[cabmos]

I’m sorry I pasted the wrong code, I meant I used

a:focus, select:focus, input[type=”file”]:focus, input[type=”radio”]:focus, input[type=”submit”]:focus, input[type=”checkbox”]:focus {
outline: none !important;
}

[cabmos]

Thanks I got it working now, my mistake sorry

[Thai]

If you need anything else please let us know.

[Author]

Posts