• Über Mich
  • Kontakt
  • DeutschDeutsch
  • EnglishEnglish
Divitorials
  • Empfohlene Tools
  • Divi Tutorials
  • Codeschnipsel
  • Divi Theme kaufen (-10%)
Seite wählen

Home / Codeschnipsel / Divi Logo beim Scrollen ändern

Zur Codeschnipsel Übersicht

Divi Logo beim Scrollen ändern

von Tobias | 19. August 2021 | 0 Kommentare

Divi 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.

Dir hat der Beitrag gefallen? Dann teile ihn gerne!

  • teilen  
  • merken  0 
  • teilen 
  • teilen  0 
  • E-Mail 

Entdecke weitere nützliche Codeschnipsel:

  • Offenes mobiles Divi Menü Icon ändern
  • Schriftstärke der Divi Hauptmenü-Links ändern
  • Logo im Divi Hauptmenü von links nach rechts verschieben
  • Divi Dropdown Menü Innenabstand entfernen
  • Divi mobiles Dropdown Menü volle Breite
Zur Codeschnipsel Übersicht

Tobias

Tobias ist WordPress und Divi Experte und der Gründer von Divitorials.com. Als leidenschaftlicher Webdesigner hilft er kleinen und mittelständischen Unternehmen sowie Selbstständigen und Freiberuflern online erfolgreicher zu sein. In seiner Freizeit liebt er es Gitarre zu spielen, zu verreisen oder etwas Leckeres zu kochen.

Abonnieren
Anmelden
Benachrichtige mich bei
guest
guest
0 Kommentare
Inline Feedbacks
View all comments
Portraitfoto von Tobias

Hey, ich bin Tobias!

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

Seit rund zwei Jahren 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

divitorials-logo-light

© 2023 Divitorials. Alle Rechte vorbehalten.

Diese Website wurde mit dem Divi Theme* von Elegant Themes und Wordpress erstellt

Hinweis: Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links. Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Anbieter eine Provision. Für dich verändert sich der Preis nicht.

  • Impressum
  • Datenschutzerklärung
  • Cookie-Einstellungen
  • Kontakt
wpDiscuz