dotted line around tab section titles when clicked

Hi Siracher

I would say this depends on the browser you are using – did you try it with Firefox by chance?
I have dotted lines there as well, but as soon as I click somewhere else they are gone again.

This is normal behaviour and made for accessibility reasons so people can navigate with their keyboard (if they are not able to use a mouse). If you change it, you will violate best practices according to the W3C web standard. If I do the same with Google Chrome, there are no dotted lines so in my opinion there is nothing to fix here.

However, here are some ressources which help you to get rid of the dotted line if you really want to:
1) CSS-Tricks
2) stack overflow

Cheers
Michael

maybe this could help you – i recognized it aswell on firefox and on a different alb element with tabs only:
https://kriesi.at/support/topic/tabtitles-on-the-left/

this was my proposed solution

.tab.active_tab {
    outline: none !important;
}

if you got a link for us – it will be helpfull to give you the right selector. I can not reproduce it on my installation
or try this as my next guess

.av-active-tab-title {
    outline: none !important;
}

did you test:

.av-active-tab-title {
    outline: none !important;
}

Darf ich gerade mal ein wenig deutsch hier einstreuen? Geht mir auch schneller von der Hand.
Wo hast du den Code eingefügt? Weil ich diesen nicht in dem quick css der angegebenen Seite finde.
Schreibst Du den Style Code in das style.css deines Child-Themes direkt hinein ?
Enfold hat hierfür ja das quick css.