Docs

[RubenCressPhotography]

Hi,

I have tried several things on the forum but all didn’t do the trick.
how can I remove this border (attachment)?

It’s only shown right after I clicked on it, and it’s gone when I hover away from it, but it comes back (active link) when I hover back on it.

I believe it’s the same color as the “site links” found in the Typography section when you customize your theme.

What do I need to adjust in the custom css?

[RubenCressPhotography]

This reply has been marked as private.

[RubenCressPhotography]

With Chrome I don’t have this issue, but with Firefox I do.

[Rahul]

Hey There,

Please try using this custom CSS :

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none;
}

Thanks

[RubenCressPhotography]

Thanks, but that didn’t do the trick.

[Nabeel A]

Hi again,

Please replace your code with this:

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none !important;
}

Let us know if this works!

[RubenCressPhotography]

Hi, thanks again!

But also, this did not do the trick.

I am 100% certain this has to do with the “site links” found in Customize -> Typography.
It’s also visible when you click on a blogpost or any other link on the site.
I assume this has nothing to do with the navigation, but with the global link CSS. I am using the RENEW temp.

The problem is that not all ‘background colors’ are the same otherwise it would be easy to fix.

Cheers,

[RubenCressPhotography]

This reply has been marked as private.

[Joao]

Upon Checking your website it seems the navbar don´t have any highlight or any effects.

In case you see it differently please clean your browser cache.

Let us know if you still need help with anything.

Joao

[RubenCressPhotography]

Hi Joao,

Thanks for looking into it. Could this be a browser issue? Hence I am seeing the black border around any “clickable” link/image/navigation.

It’s the black border in the attachment I’ve uploaded within the first post.

[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.

[Author]

Posts