FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.
Die Community zieht um! Ab 7. Juli ist die aktuelle Community für ca. Zwei Wochen schreibgeschützt. Du kannst die Inhalte durchsuchen, aber es können vorübergehend keine Beiträge verfasst werden. Mehr Informationen.

Ankündigungsleiste (SIMPLE Theme): Hintergrundfarbe ändern

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 Partner
2555 327 936

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 Partner
2555 327 936

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 Partner
2555 327 936

@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