FROM CACHE - de_header

Ankündigungsleiste (SIMPLE Theme): Hintergrundfarbe ändern

Gelöst
FPI
Neues Mitglied
2 0 0

Hallo,
ich möchte im Theme SIMPLE die Hintergrundfarbe der Ankündigungsleiste ändern - das Theme gefällt mir gut, aber Schwarz geht gar nicht.

Nun bin ich im Code-Editor auf der header.liquid und habe auch den entsprechenden Bereich gefunden (glaube ich):

  <style>
    .announcement-bar--link:hover {
      {% assign brightness = settings.color_primary_color | color_brightness %}

      {% if brightness <= 224 %}
        background-color: {{ settings.color_primary_color | color_lighten: 4 }};
      {% else %}
        background-color: {{ settings.color_primary_color | color_darken: 8 }};
      {% endif %}
    }
  </style>

 

Wie bekomme ich nun z.B. Orange (oder am Besten ein (A)RGB-Wert) eingefügt ?

Danke für eure Bemühungen

 

1 AKZEPTIERTE LÖSUNG

Anerkannte Lösungen
r8r
Shopify Expert
2350 305 834

Erfolg.

@FPI – der von Dir Rausgesuchte Code hat nur mit der Textfarbe des Links im Announcement-Bar zu tun.

Die Hintergrundfarbe kannst Du mit dieser Variable im Customizer steuern:

Screenshot 2021-04-26 at 10.22.37.jpg

Solltest Du die overriden wollen, dann kannst Du das mit dieser CSS-Regel machen:

 

 

.announcement-bar.announcement-bar {
  background-color: #bada55;
}

 

 

Dort solltest Du – wenn notwendig – auch die Linkfarbe entsprechend anpassen:

 

 

.announcement-bar.announcement-bar a {
  color: #facade;
}

 

 

LG, Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2
r8r
Shopify Expert
2350 305 834

Erfolg.

@FPI – der von Dir Rausgesuchte Code hat nur mit der Textfarbe des Links im Announcement-Bar zu tun.

Die Hintergrundfarbe kannst Du mit dieser Variable im Customizer steuern:

Screenshot 2021-04-26 at 10.22.37.jpg

Solltest Du die overriden wollen, dann kannst Du das mit dieser CSS-Regel machen:

 

 

.announcement-bar.announcement-bar {
  background-color: #bada55;
}

 

 

Dort solltest Du – wenn notwendig – auch die Linkfarbe entsprechend anpassen:

 

 

.announcement-bar.announcement-bar a {
  color: #facade;
}

 

 

LG, Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
r8r
Shopify Expert
2350 305 834

@FPI ich hab den Screenshot noch ergänzt, den ich vorhin vergessen hatte 😉

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte