Trick # 565 | Dieser Beitrag beinhaltet 374 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Das Divi-Suchmodul zeigt üblicherweise ein Eingabefeld links und den Suchbutton rechts. Die beiden Elemente können Sie aber vertauschen – wie das geht, zeigen wir Ihnen heute.
So präsentiert sich das Such-Modul im Divi Theme standardmässig:
Um das gewünschte Styling zu erreichen, müssen Sie nun dem Such-Modul eine CSS-Klasse zuweisen: search-box-rtl. Diese Klasse tragen Sie hier ein: Im Register «Advanced» des Such-Moduls, unter «CSS-ID und Klassen» und dort im Textfeld «CSS-Klassen».
Nun können Sie den folgenden CSS-Code zu Ihrem CSS-Stylesheet hinzufügen. Dieses bearbeiten Sie im Backend unter Design/Customizer/Zusätzliches CSS:
.et_pb_search.search-box-rtl .et_pb_s {
order: 2;
}
.et_pb_search.search-box-rtl .et_pb_searchsubmit {
order: 1;
}Das Suchmodul wird sich nun so zeigen:
Werbung
Werbung
