Tagged: tabs
How do I get rid of the blue highlight when using tabs? Is the same in Chrome and Safari.
Scott
Hey Scott,
Sorry for the late reply, the blue highlight can be removed with this css, please add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top .main_color .toggler:focus {
outline: 0 !important;
outline: 0 -webkit-focus-ring-color !important;
}
If this doesn’t work for you please link to the page so we can check the sectors.
Best regards,
Mike
Thanks Mike, but that did not do the trick. Here is one of the pages that has tabs on it – there are several others:
https://www.ipsl.aero/raisbeck-king-air/individual-systems/aluminum-4-blade-swept-propellers/
Scott
Hi,
Thank you for the link, please try this css:
.tab,.tab.active_tab:focus {
outline: -webkit-focus-ring-color none 0px;
outline-color: -webkit-focus-ring-color;
outline-style: none !important;
outline-width: 0px !important;
}
After applying the css, Please clear your browser cache and check.
Best regards,
Mike
That did it! Thank you so much Mike, I really appreciate it. You make me look good!
Scott
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon