Wie ihr wisst bin ich ein grosser Fan des DIVI Builder / DIVI Themes von Elegantthemes – wie ihr auch an diesem Blog sehen könnt der damit designt worden ist. DIVI ist in meinen Augen eines der besten Pagebuilder Tools für WordPress. Obwohl es für vieles sehr viele Module gibt, gibt es auch vieles was nicht so einfach möglich ist. So auch mit dem Button Modul.

Wenn man ein Button einbauen möchte, kann man das mit 1 Klick hinzufügen und mit weiteren klicks designen – eine sehr einfache Lösung. Wenn man dann aber 2 Buttons nebeneinander platzieren möchte, dann ist das nicht mehr so einfach zu lösen. Dann muss man in die CSS Trickkiste zurückgreifen und heute zeige ich euch wie man das macht.

Ihr müsst eigentlich nur eine kleine CSS Klasse kennen und dann 1 einfachen Befehl hinzufügen und zack ists fertig.

Wenn man weiss wie es geht – ist es SOOOO einfach 🙂 Aber bis dann ist es wirklich nervtötend

Video

CSS Code

1
2
3
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}