Hallo,
ich möchte gerne bei den drei Button die Hintergrundfarbe ändern.
Dass habe ich auch geschaft.
Leider zeigt es beim Warenkorb den Betrag nicht an.
Jedoch wenn ich mit der Maus darüberfahren erscheint es.
Auch habe ich mit dem folgendem code in die eigene navigation.less versucht, klappt nicht.
.cart–amount {
color: #ffffff;
}
Kann da mir jemand weiterhelfen?
Hallo!
Konntest du dein Problem schon lösen?
Ansonsten versuche es mal mit einem !important hinter dem Farbwert.
Oder du sprichst ganz genau die Klasse an .navigation–list .entry–cart .cart–link .cart–amount
.navigation--list {
.entry--cart {
.cart--link {
.cart--amount{
color: #fff;
}
}
}
}
Du benötigst dann auch noch einen Farbwert für deinen Hover Effekt.
Viele Grüße,
L.
Hallo pureLinda,
besten dank dür deine Nachricht.
Es geht um diese Seite --> https://bit.ly/3f1YXuM.
Wenn man mit der maus über den Einkaufswagen fährt verschwindet der Preis.
Hingegen fährt man über den Preis, wird der angezeigt und so sollte es sein.
Diese Werte sind im Child-Template unter Navigation.less eingetragen.
@media screen and (min-width: 64em) {
.navigation–list .entry–cart .cart–link .cart–amount {
color: #fff;
&:hover { color: #be0a30;
}
}
}
a.btn.is–icon-left.cart–link {
background: #be0a30;
border-color: #fff;
color: #fff;
&:hover {
border-color: #be0a30;
background: #ffffff;
color: #be0a30;
}
}
Kannst du mir da weiterhelfen?
Grüsse Carlo
Hallo Carlo,
im oberen Bereich müsste es so aussehen:
@media screen and (min-width: 64em) {
.navigation–list .entry–cart .cart–link {
.cart–amount {
color: #fff;
}
&:hover {
.cart–amount {
color: #be0a30;
}
}
}
}
Beim Hovern des gesamten Buttons (cart-link) soll die Schrift weiß werden.
Viele Grüße,
L.
Hallo pureLinda,
besten Dank für deine Hilfe, es ist genau so wie ich es haben wollte.
Viele Grüsse Carlo