# Kategorie Teaser Mouseover Schriftfarbe ändern

**URL:** <https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426>\
**Category:** Themes & Design\
**Created:** [21. Juni 2017 um 07:08 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426 "2017-06-21T07:08:48Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![QuasiPasi](https://avatars.discourse-cdn.com/v4/letter/q/35a633/32.png) [@QuasiPasi](https://forum.shopware.com/u/QuasiPasi)\
**Post date:** [21. Juni 2017 um 07:08 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/1 "2017-06-21T07:08:48Z")

</div>

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.

&nbsp;

Beste Grüße

Pasi

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [21. Juni 2017 um 07:27 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/2 "2017-06-21T07:27:47Z")

</div>

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

```
&:hover{ deine Wunschfarbe};

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![QuasiPasi](https://avatars.discourse-cdn.com/v4/letter/q/35a633/32.png) [@QuasiPasi](https://forum.shopware.com/u/QuasiPasi)\
**Post date:** [21. Juni 2017 um 11:35 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/3 "2017-06-21T11:35:27Z")

</div>

Super,

Danke, hat geklappt

---

<div class="post-metadata">

**Author:** ![QuasiPasi](https://avatars.discourse-cdn.com/v4/letter/q/35a633/32.png) [@QuasiPasi](https://forum.shopware.com/u/QuasiPasi)\
**Post date:** [13. Juli 2017 um 19:13 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/4 "2017-07-13T19:13:38Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![QuasiPasi](https://avatars.discourse-cdn.com/v4/letter/q/35a633/32.png) [@QuasiPasi](https://forum.shopware.com/u/QuasiPasi)\
**Post date:** [14. Juli 2017 um 06:10 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/5 "2017-07-14T06:10:53Z")

</div>

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}
    }

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [14. Juli 2017 um 07:02 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/6 "2017-07-14T07:02:53Z")

</div>

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

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

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![QuasiPasi](https://avatars.discourse-cdn.com/v4/letter/q/35a633/32.png) [@QuasiPasi](https://forum.shopware.com/u/QuasiPasi)\
**Post date:** [14. Juli 2017 um 07:56 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/7 "2017-07-14T07:56:39Z")

</div>

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.

> **[PORTALTECH REPLY - WORLD LEADER HYBRIS PARTNER](https://portaltech.reply.com/portaltech/en/)**
>
> Portaltech Reply is the leading hybris Partner with Platinum Elite Status and Global Partner of the Year.

&nbsp;

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [14. Juli 2017 um 19:21 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/8 "2017-07-14T19:21:38Z")

</div>

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…

---

<div class="post-metadata">

**Author:** ![QuasiPasi](https://avatars.discourse-cdn.com/v4/letter/q/35a633/32.png) [@QuasiPasi](https://forum.shopware.com/u/QuasiPasi)\
**Post date:** [14. Juli 2017 um 19:25 UTC](https://forum.shopware.com/t/kategorie-teaser-mouseover-schriftfarbe-andern/46426/9 "2017-07-14T19:25:52Z")

</div>

Hey,

Ja jetzt gehts,

Habe den Code gerade nochmal angepasst:

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

```

&nbsp;