Trick # 373 | Dieser Beitrag beinhaltet 370 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
OK: die drei Balken, aus denen das so genannte «Hamburger-Menü» besteht, sind schon eine Weile bekannt. Dennoch haben Sie die Möglichkeit, mitzuteilen, dass das Symbol ein Menü enthält, das erweitert werden kann. Wie’s geht? Ganz einfach!
Sie benötigen ein klein wenig CSS-Code, den Sie ins CSS-Stylesheet Ihrer Website einfügen. Im Backend unter Design/Customizer/Zusätzliches CSS:
.et_mobile_nav_menu:before {
content: 'Menü';
position: absolute;
right: 40px;
margin-top:5px;
color: #333;
font-size:16px;
}Das war auch schon der ganze Zauber. Aus dem Hamburger des Menü-Moduls wird nun der beschriftete Hamburger – so wie nebenan ersichtlich:
vorher:
nachher:
Werbung
Im Button-Modul des Divi-Themes lässt sich standardmässig bloss eine einzige Textzeile platzieren. Wem das nicht genügt und wer gerne eine zweite Textzeile hätte, muss ein wenig nachhelfen. Wir zeigen Ihnen wie.
Die Kopf- oder Fusszeile (Header oder Footer) des Divi-Themes können bei Bedarf auf einzelnen spezifischen Seiten ausgeblendet werden. Das geht ganz einfach – wir erzählen Ihnen wie.
Elegant Themes - der Hersteller des Divi-Themes - empfiehlt für eine Paginierung von Blog-Beiträgen das Plugin WP-PageNavi. Nur leider sieht das Resultat standardmässig nicht so hübsch aus. Mit ein wenig CSS wird das Ganze besser lesbar und ...
Heute zeigen wir Ihnen, wie Sie ein bestimmtes CSS-Styling einzig und alleine auf der Homepage Ihres Webauftritts aktivieren. Auf allen anderen Seiten wird das Styling nicht berücksichtigt. Ein kleiner praktischer Trick fürs Webdesign.
Keine Inhalte gefunden.
Werbung
