Kategorie Teaser Mouseover Schriftfarbe ändern

Shopware 5 Themes & Design
1

Hallo Zusammen,

Ist es irgendwie mögich bei den normalen Kategorie Teasern die Schriftfarbe zu ändern wenn man mit der Maus darüber fährt?

Bin für jeden Ansatz dankbar.

 

Beste Grüße

Pasi

2

müsste eigentlich so funktionieren, in der less-Datei entsprechend anpassen mit

&:hover{ deine Wunschfarbe};

 

3

Super,

Danke, hat geklappt

4

Ich melde mich mal nochmal zu Wort.

Das klappt so weit ganz gut.

Da wir jetzt aber unsrere Seite nochmal umgebaut haben, sind die Teaser nun sehr groß.

Der MouseOver Effekt funktioniert ja nur wenn man über den Teaser Titel fährt.

Gibt es eine Möglichkeit das so zu ändern das der Mouseover Effekt am kompletten Teaser funktioniert?

5

Also der Mouseover auf dem categorie-teaser–link soll den category-teaser–title beeinflussen

Habe das so versucht aber leider ohne Funktion:

.category-teaser--link:hover {
      ~.category-teaser--title{ 
            font-size: 1.025rem;
		  color: #fe9a10}
    }

 

6

So kann es ja auch nicht funktionieren, probier es mal so

.category-teaser--link, .category-teaser--title{
    &:hover {
        .unitize(font-size, 16);
         color:#fe9a10;
    }
}

 

7

Hallo,

funktioniert leider auch nicht wie gewünscht.

Wenn ich und auf den Titel fahre kommt der Effekt.

Aber leider nicht oben einfach auf dem Bild von dem Teaser.

 

8

Das musst du mir noch mal genau erklären was du für ein Effekt haben willst. Wenn du dieMouse oben über das Bild führst ändert sich die Title farbe doch…

9

Hey,

Ja jetzt gehts,

Habe den Code gerade nochmal angepasst:

 .category-teaser--link:hover {
         .category-teaser--title{
         .unitize(font-size, 18);
         color:#fe9a10;
         }
   }