Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo zusammen,
ich würde gern die Hintergrundfarbe des Dropdown Menüs im Impulse Theme ändern. (den rot markierten Bereich im Foto)
Ich habe bisher schon einiges versucht was aber leider nicht funtioniert hat.
Ich bin für jede Hilfe dankbar.
Meine Shop URL: https://fernweh-kaufhaus.de
Gelöst! Zur Lösung
Erfolg.
.site-nav--has-dropdown .site-nav__dropdown{
background-color:blue;
}
.site-nav__dropdown a{
color:#fff;
background-color:blue;
}
try this in your theme.css
Füge folgenden Code in den CSS Editor beispielsweise für die Blaue Farbe (kannst auch den Hex Code anstatt "Blue" verwenden) und speichern. Wenn's nicht klappt, das ist ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen mit einem Experten/Programmierer!
.site-nav__link--has-dropdown[href="/pages/fernweh-kaufhaus"] {
background-color: blue;
}
.site-nav__dropdown-link {
background-color: blue;
}
Oder eben hier den Code suchen (im Beispiel der gelben Background Farbe)
Hier der CSS Editor:
@Gift-o-the-Jab
Vielen Dank erstmal für Deine Hilfe und Deine Mühe.
Die Codes funktionieren, ändern aber leider nur andere Bereiche des Dropdown Menüs, jedoch nicht die komplette Hintergrundfarbe des Dropdown Menüs.
Da ich mich mit CSS nicht auskenne, muss ich wohl leider warten bis mir jemand weiter helfen kann.
Erfolg.
.site-nav--has-dropdown .site-nav__dropdown{
background-color:blue;
}
.site-nav__dropdown a{
color:#fff;
background-color:blue;
}
try this in your theme.css
👍
Ich bin auf jeden Fall froh das es jetzt funktioniert.
Hab einen schönen Sonntag.
Das sieht gut aus - hier zielt der erste Codeblock auf das div
element mit einer site-nav__dropdown
class das innerhalb eines anderen Elements mit der Class site-nav--has-dropdown
sitzt, und setzt die background Farbe auf Blau. Der zweite Codeblock zielt auf alle a
tags die innerhalb des div
elements sizten mit der site-nav__dropdown
class, und setzt die sich kontrastierende Textfarbe auf weiß und die BG farbe auf blau aller Dropdown-Elemente im Menü.
Hätte ich auch drauf kommen sollen... 😉
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024