abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

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

 

0 Likes
r8r
Shopify Expert
1286 143 433

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

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
r8r
Shopify Expert
1286 143 433

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

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.