Docs

[fabiofava]

Hi there!

I’m having this issue: all my links on keyboard navigation (using Tab to navigate and Enter to open links) are shown on Grey on my site. Menu links, the flip-cta, etcetera.

All but the color around the buttons: they’re red. I couldn’t figure out how to change that, all other links are showing on the correct color.

Please let me know if you need my Custom CSS (from Customizer), I can copy/paste (privately) so you can check if you guys find some clue to make those sqares grey (not red).

Please check the attached screenshots to visualize the issue.

Aterrissagem

Thank you very much and best regards!

May 2017 be the year of X-Theme and Cornerstone! Cheers!

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue, please add the following code in your child theme’s function.php file

.x-navbar .desktop .x-nav li:focus,
.x-navbar .desktop .x-nav li a:focus {
    box-shadow: 1px 1px 4px rgba(255,255,0,0.65) !important;
    border-color: rgba(255,255,0,0.65) !important;
}

Hope this helps. Please let us know ow it goes.

[fabiofava]

Hi there!

Isn’t possible to do it via Custom CSS on Customizer?

Thanks!

[Christopher]

Hi there,

Sorry, we made typo mistake. It should be added in customizer.

Thanks.

[fabiofava]

Sorry but it didn’t work.

Stills red square around buttons on keyboard navigation.

Any other suggestion?

Thanks!

[fabiofava]

Can I paste (privately) all my Custom CSS at Customizer?

Then you guys can check if is there some inconsistency…

Please let me know if is there anything else I can do.

Happy 2017 for all the Themeco Staff!

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

[fabiofava]

Sorry, but nope.

All caches cleared – site-wide and browser-wide

Please let me know if you need to check all my Custom CSS (it is not a big one), maye you guys can find some inconsistency on the code that is preventing that.

There are some code that turns all other squares into grey on my CSS (I’m not very good at coding so I can’t remember what would it be), maybe it’s just something you’ll ad there…

I’ll keep looking forward from you, thank you so much!

[fabiofava]

This reply has been marked as private.

[Christian]

There’s no error in your code. The cached minified file is still being loaded. Please clear all caches and deactivate all optimization plugins then check again.

Thanks.

[fabiofava]

Sorry but no,

All Cache/Minification is Off (check attached JPG).

All browser caches are Empty/Clean.

Buttons (and only buttons) are still red-around…

Please let me know if you can find it out, thanks!

[Rue Nel]

Hello There,

Thanks for updating in! Please disable your caching plugin and the js/css minification plugin. To resolve the button focus color, you can make use of this code added to your customizer, Custom > CSS

.x-btn:focus, 
.button:focus, 
[type="submit"]:focus {
    outline: none !important;
}

Hope this helps. Kindly let us know.

[fabiofava]

Hi there,

Should I remove the prior customizations attempt? Or just add that to the other?

Thanks!

[Christopher]

Hi there,

Are you referring to this code?
https://community.theme.co/forums/topic/color-around-links-on-keyboard-navigation/#post-1311579

Yes, please remove it.

Thanks.

[fabiofava]

Sorry but this makes the outline to disappear. I just want it to be the same color of the other outlines (navbar menu items, flip cta, etcetera).

[Author]

Posts