Responsives Restaurant Menü erstellen

von | 22. Oktober 2018 | Tutorials

Worum es geht?

In diesem kurzem Tutorial zeige ich Euch wie ihr mit dem „Pseudo-Element ::after“ ein responsives Restaurant Menü mit Preisen erstellen könnt. Dieses Tutorial ist aufgrund einer Frage in der Facebook Gruppe entstanden. Selbstverständlich gibt es viele Wege die nach Rom führen und dieses hier ist eines der vielen Wege.

Hallo,

ich würde gerne die Speisekarte eines Restaurants auf der Webseite eintippen…

Habe es im Divi wie folgt versucht…
Modul Informationstext erstellen > im visuellen Builder im Texteditor Tabelle eingefügt und die Texte eingegeben…

Man sieht aber am Handy den Inhalt nicht …

Hat wer eine Idee wie ich sowas am besten lösen könnte?

Einstellungen zu: Blurb Settings » After

content:'CHF 24.-';
font-weight:900;
right:0;
position:absolute;
text-align:center;
margin-top:-22px;
Einstellungen zu: Blurb Settings » Blurb Image

min-width:60px;
Einstellungen zu: Blurb Settings » Blurb Content

width:80%;
margin-left:0;
Das Blurb Modul lässt sich nun in unzähligen Varianten und Spalten erstellen/einfügen. Der Kreativität, würde ich hier mal behaupten sind keine Grenzen gesetzt. Viel Spass beim experimentieren.

©2019 - Ein Design mit von Divi Mastermind - Benny
Impressum | Datenschutz

Divi ist ein eingetragenes Warenzeichen von Elegant Themes. Diese Website ist weder mit Elegant Themes verbunden noch wird sie von Elegant Themes unterstützt.