DIVI-TIPP | Button im Hauptmenü einfügen

In diesem Video zeige ich dir, wie du im WordPress-Theme Divi einen Button im Hauptmenü einfügst. Damit kannst du einen bestimmten Menüpunkt besonders hervorheben.

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Hier ist der CSS-Code, den du im Customizer unter dem Punkt „Zusätzliches CSS“ einfügst, damit dein Menüpunkt zu einem Button wird:

@media all and (min-width: 980px) {
	.menu-button {
		padding: 0!important;
		background: #ED9801;
		border-radius: 50px;
		border: solid 0px #726D5B;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
	}
	.menu-button a{
		color: #000!important;
		padding: 10px 20px 10px 20px!important;
		font-weight: 600 !important;
	}
	#top-menu-nav .menu-button a:hover {
		opacity: 1;
		color: #fff!important;
		font-weight: 600 !important;
	}
	.menu-button:hover {
		border: solid 0px #dee7e6;
		background: #726D5B;
	}
}

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Das könnte dich auch interessieren

TOOL-TIPP | Mit LastPass Passwörter sicher speichern

TOOL-TIPP | Mit LastPass Passwörter sicher speichern

In diesem Video zeige ich dir, wie du mit LastPass deine Passwörter sicher speicherst und mit anderen teilen kannst. Mit dem Passwortmanager brauchst du nur noch ein Master-Passwort und kannst darin alle deine Passwörter für verschiedene Online-Tools sichern. LastPass...

WORDPRESS-TIPP | Vorschaubild für Blog-Beitrag festlegen

WORDPRESS-TIPP | Vorschaubild für Blog-Beitrag festlegen

In diesem Video zeige ich dir, wie du das Vorschaubild für deinen Blog-Beitrag in Wordpress festlegst und worauf du dabei achten solltest. Das Beitragsbild oder "Featured Image" wird anders als andere Bilder nicht im Beitrag selbst eingefügt und an verschiedenen...

Download für 0€

Erfahre, welche 5 Tools du wirklich brauchst, um deine digitalen Produkte automatisiert zu verkaufen!

Du willst ein Online-Business starten und digitale Produkte verkaufen, damit du orts- und zeitunabhängig arbeiten kannst?

Doch du bist überwältigt von der Vielfalt an Tools und Informationen da draußen, sodass du gar nicht weißt, womit du zuerst starten sollst?

Dann hol dir die Tool-Liste für Online-Business-Starterinnen und komm raus aus dem Technik-Chaos!

Hi, ich bin Sophia!

Als Webdesignerin erstelle ich deine professionelle und individuelle Website an einem Tag. Auch bei anderen technischen Herausforderungen, wie der Einrichtung von E-Mail-Marketing, deinem Onlinekurs oder automatisierter Terminbuchung unterstütze ich dich.

Bevor ich mich als Webdesignerin selbstständig gemacht habe, habe ich 10 Jahre als Produktmanagerin in verschiedenen Firmen von Websites über Apps bis zu Computerspielen ganz unterschiedliche digitale Produkte konzipiert, geplant und umgesetzt.