Ankündigungsleiste (SIMPLE Theme): Hintergrundfarbe ändern

[FPI]

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

[r8r · Accepted solution]

@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:

 

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

[r8r]

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