Tagged: 

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

    #1040694

    Hey EWAKOPI,

    Thank you for using Enfold.

    This css code should remove that outline:

    .tabcontainer .tab {
        outline: none;
    }

    Best regards,
    Ismael

    #1146834

    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.

    #1147041

    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

    #1177593

    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

    #1177874

    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

    #1178096

    Hey Victoria,

    i tried something else

    .tab:focus {
        outline: none;
    }

    and it works now.

    Best regards,
    Daniela

    #1178132

    i got for this for all focus states and on tabs

    .tab.active_tab, :focus {
        outline: none !important;
    }
    #1178302

    Hi Daniela,

    Great, I’m glad that you got things working.

    Thanks @guenni007 for helping out as well.

    Best regards,
    Rikard

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.