FROM CACHE - de_header
Gelöst

Ankündigungsleiste (SIMPLE Theme): Hintergrundfarbe ändern

FPI
Besucher
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

r8r
Shopify Expert
2555 327 940

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
2555 327 940

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
2555 327 940

@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