Tagged: tab
Hi, as you can notice in here:
when I click at the TAB, it gets weird bold blue border. I think it’s not intentionally and it looks not too good.
Could you let me know how to fix that and remove this color?
Thanks,
Zbig & Ewa
Hey EWAKOPI,
Thank you for using Enfold.
This css code should remove that outline:
.tabcontainer .tab {
outline: none;
}
Best regards,
Ismael
Dear All,
I also have problems with the blue outline, I’d like to change it to a certain hex colour. Is it possible? Also, I’d like to change the colour of the active tab and the font colour in the active one. Will you please help?
Thank you.
Hi,
Thank you for the inquiry.
You can actually define the color and thickness of the outline property. Please refer to the following documentation for more info.
// https://www.w3schools.com/css/css_outline.asp
Best regards,
Ismael
Hello,
i have the same problem. The code above works fine with chrome, but it doesn´t solve the problem on safari. Do you have another solution?
Thanks a lot.
Daniela
Hi Daniela,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hey Victoria,
i tried something else
.tab:focus {
outline: none;
}
and it works now.
Best regards,
Daniela
i got for this for all focus states and on tabs
.tab.active_tab, :focus {
outline: none !important;
}
Hi Daniela,
Great, I’m glad that you got things working.
Thanks @guenni007 for helping out as well.
Best regards,
Rikard