Trick # 341 | Dieser Beitrag beinhaltet 453 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Der Divi-Button lässt sich leicht auf der ganzen Seiten- oder Spaltenbreite anzeigen. Das ist vor allem dann hilfreich, wenn mehrere Buttons untereinander zu liegen kommen und untschiedliche Textlängen auf der Schaltfläche anzeigen. Wie’s geht, erfahren Sie in diesem Hack.
Das Button-Modul auf dr-code.ch zeigt Buttons wie folgt an:
Doch lassen sich diese Buttons auch auf der ganzen Seiten- oder auch Spaltenbreite anzeigen. Dafür benötigt es bloss minimalen CSS-Code, den Sie im entsprechenden Button-Modul einfügen können. Bearbeiten Sie dieses, klicken Sie auf den Tab «Erweitert», dann auf «Benutzerdefinierte CSS» und fügen Sie im «Hauptfenster» folgenden CSS-Code ein:
width: 100%;Nun noch eine kleine Anpassung im Tab «Design»: Dort klicken Sie auf «Ausrichtung» und legen unter «Button-Ausrichtung» fest, dass der Button-Text zentriert dargestellt wird:
Fertig: Ihr seiten- oder spaltenbreiter Button präsentiert sich nun so:
Werbung
Werbung
