Tabs sind eine sehr bequeme Methode um Informationen auf einer Webseite anzuzeigen und zwar wenn man nur begrenzt Platz hat. Ich liebe die Dinger, da man sie immer schön designen kann, so das sie sogar fast unsichtbar sind.

Leider haben viele Webdesigner wirklich grosse Mühe dieses DIVI Modul zu verstehen und aus diesem Grund zeige ich euch mal kurz wie man so ein Tab in DIVI erstellen kann. Da gibts wohl so ein Tab Modul – aber mit ein wenig CSS kann man da noch viel mehr machen.

Video

Horizontal Tabs ausgleicchen

≪Custome CSS≫ -> ≪Tabs≫

1

width: 100%

Vertikal Tabs

≪Custom CSS≫ -> ≪Main Element≫

1
2

display: flex;
flex-direction: row

≪Custom CSS≫ -> ≪Tabs≫

1

width: 100%