Divi: Wie erstelle ich vertikale und horizontale Tabs

von | Sep. 11, 2023 | Allgemein | 0 Kommentare

Schlagwörter: DIVI

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%

0 Kommentare

Einen Kommentar abschicken

Du kannst auf Fediverse-Profile verlinken, indem du fl:@benutzername in deinem Kommentar eingibst.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert