Hintergrundbild im horizontelen Menü
In diesem Tutorial zeige ich, wie man bei dem horizontalen Hauptmenü ein Hintergrundbild einfügen kann. Die gewünschte Funktion kannst du leider nicht über die Theme-Einstellungen anpassen. Dazu musst du den Code des Themes individuell anpassen. Bitte gehe wie folgt vor:
1. Gehe zu DESIGN > EDITOR
2. Öffne die Datei style.css deines Child-Themes (standardmäßig vorausgewählt).
3. Füge folgenden Code der Datei hinzu:
/* Bild im horizontalen Menue */
#main-header {
background:url(https://der-pfad-zu-deinem-bild/bild.png)
no-repeat center;
background-size:cover;
}
/* End */
4. Datei speichern.
5. Ggf. den Cache des Browsers leeren, falls man keine Änderung sieht.
Hintergrundbild im vertikalen Menü
In diesem Tutorial zeige ich, wie man bei dem vertikalen Menü ein Hintergrundbild einfügen kann. Die gewünschte Funktion kannst du leider nicht über die Theme-Einstellungen anpassen. Dazu musst du den Code des Themes individuell anpassen. Bitte gehe wie folgt vor:
1. Gehe zu DESIGN > EDITOR
2. Öffne die Datei style.css deines Child-Themes (standardmäßig vorausgewählt).
3. Füge folgenden Code der Datei hinzu:
/* Begin Bild im vertikalen Menue */
header#main-header {
background-image: url('der-pfad-zu-deinem-bild/bild.png'); // kompletten Pfad zum Bild angeben
}
/* End */
/* Begin Menue Position */
.et_vertical_nav.et_header_style_centered #main-header #top-menu-nav {
margin-top: 200px; // Abstand oben
}
/* End */
/* Begin Abstand zwischen Optionen */
.et_vertical_nav #main-header #top-menu > li > a {
margin-top: 10px;
font-weight: bold;
}
/* End */
/* Begin Logo Position */
.et_vertical_nav #main-header #logo {
margin-top: 40px;
}
/* End */
4. Datei speichern.
5. Ggf. den Cache des Browsers leeren, falls man keine Änderung sieht.
Ich hoffe, dass dir dies weiterhilft.
Viele Grüße,
Marco
