Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #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?


    Zbig & Ewa


    Hey EWAKOPI,

    Thank you for using Enfold.

    This css code should remove that outline:

    .tabcontainer .tab {
        outline: none;

    Best regards,


    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.



    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,


    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.


    Hi Daniela,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,


    Hey Victoria,

    i tried something else

    .tab:focus {
        outline: none;

    and it works now.

    Best regards,


    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,

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.