Shopify-Themes, Liquid, Logos und ähnliche Themen
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
Gelöst! Zur Lösung
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:
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
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:
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
@FPI ich hab den Screenshot noch ergänzt, den ich vorhin vergessen hatte 😉
Shopify unterstützt die weltweit innovativsten Marken und Unternehmer:innen. Um Unterne...
By SarahF_Shopify Mar 25, 2024Was ist ein kleines Element eines Shopify Shops mit großer Wirkung? Ein Element ganz we...
By Kai Mar 14, 2024Was genau ist POD? Von T-Shirts bis hin zu Plakaten, Kaffeetassen, Wandmatten, alles was m...
By Kai Feb 29, 2024