Tagged: tab
-
AuthorPosts
-
November 29, 2018 at 12:05 am #1038771
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
December 4, 2018 at 12:39 pm #1040694Hey EWAKOPI,
Thank you for using Enfold.
This css code should remove that outline:
.tabcontainer .tab { outline: none; }Best regards,
IsmaelOctober 10, 2019 at 12:13 pm #1146834Dear 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.
October 11, 2019 at 7:20 am #1147041Hi,
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,
IsmaelJanuary 23, 2020 at 1:22 pm #1177593Hello,
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.
DanielaJanuary 23, 2020 at 9:16 pm #1177874Hi Daniela,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaJanuary 24, 2020 at 12:35 pm #1178096Hey Victoria,
i tried something else
.tab:focus { outline: none; }and it works now.
Best regards,
DanielaJanuary 24, 2020 at 3:04 pm #1178132i got for this for all focus states and on tabs
.tab.active_tab, :focus { outline: none !important; }January 25, 2020 at 10:03 am #1178302Hi Daniela,
Great, I’m glad that you got things working.
Thanks @guenni007 for helping out as well.
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.
