Logo beim Scrollen ändern

Mit diesem Codeschnipsel kannst du dein Logo beim Scrollen ändern.

/* Ändert das Logo beim Scrollen */
.et-fixed-header #logo {
    content: url(hier neue Bild-URL eintragen);
}

Das kann z.B. sinnvoll sein, wenn dein Hauptmenü transparent und dein Logo weiß ist und sich der Hintergrund deines fixierten Hauptmenüs beim Scrollen von transparent zu weiß ändern soll. Dann wäre dein Logo nicht mehr sichtbar. Um das zu vermeiden kannst du das Logo beim Scrollen ändern.

Kopiere dazu das Codeschnipsel einfach in den individuellen CSS Bereich im Divi-Theme-Customizer bzw. in das Stylesheet deines Divi-Child-Themes und füge in dem Bereich zwischen den Klammern die URL deines neuen Logos ein.

Endecke weitere Divi Codeschnipsel

Offenes mobiles Menü Icon ändern

Offenes mobiles Menü Icon ändern

Standardmäßig wird das mobile Divi Menü Icon, das sogenannte Burger-Icon, sowohl bei geschlossenem als auch geöffnetem Menü angezeigt. Mit diesem Codeschnipsel kannst du das Icon für das geöffnete Menü ganz einfach ändern. Hier ein Live-Beispiel: [video width="326"...

Dem Informationstext Titel einen Unterstrich hinzufügen

Dem Informationstext Titel einen Unterstrich hinzufügen

Füge deinen Titeln einen stylischen Unterstrich hinzu. Kopiere dazu folgenden Code in den Einstellungen deines Informationstexts unter Erweitert > Benutzerdefinierte CSS > Vorher. content:""; background:#000; /* Hier Farbwert ändern */ height:3px; width:50px;...

0 Kommentare

Einen Kommentar abschicken

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

Du nutzt noch kein Divi Child-Theme?

Dann hol dir mein fertiges Divi Basis-Child Theme als perfekte Basis für deine Divi Website!

Hey, ich bin Tobias!

Portraitfoto von Tobias Both

Ich bin selbstständiger Webdesigner und der Gründer von Divitorials.

Seit rund einem Jahr veröffentliche ich auf diesem Blog Tutorials, Tipps und Tricks rund um das beliebte Divi Theme von Elegant Themes und teile meine Erfahrungen, die ich während meiner Arbeit als selbstständiger Webdesigner mit Divi sammeln konnte.

Mehr über mich erfahren

🎉 Sichere dir noch bis Ende des Jahres 25% Divi Rabatt beim großen Cyber Monday Sale 2021!Hier alle Infos zum Sale*
+