Aktivierung der Kategorie Buttons soll bestehen bleiben

Hallo,

ich hoffe das ich hier richtig bin und mir ein wenig geholfen werden kann.
Im Worldpress Forum wurde mir gesagt Sie wären kein CSS Forum und würden da nicht helfen, obwohl der WOO Commerce Shop ja darauf aufbaut.

Folgendes Anliegen zu meiner Seite www.garnelen-shop.eu :
Wenn die Kategorien der Artikel angeklickt wird, geht die sichtbare Linkaktivierung sobald ich mit dem Mauszeiger weg gehe zurück. Die Aktivierung soll aber bestehen bleiben, dass man sieht auf welchem Button man sich gerade befindet.
Im Anhang mal 2 Bilder…

Da ich nicht so fit bin mit CSS Codes und die Entwicklertools mir nicht die richtige Stelle zeigen, hoffe ich das mir hier jemand den CSS Code für Customizer mitteilen kann. So das ich die Aktivierungen beeinflussen kann.

Vielen lieben Dank für euere Hilfe.

Gruß
Marco

Hi,

vielen dank für deine Antwort...
Leider ändert der Code nichts, schonmal die roten Makierungen bei Aktivierung beizubehalten wäre ja schon ein Schritt weiter...

Gruß
Marco

Im Customizer...
Einfach deinen Code reinkopiert.

Hab Ihn aber weil es nicht ging wieder gelöscht.

Mir wurde gesagt wenn ich die CSS selbst verändere und hochlade ist alles nach dem nächsten Update weg, daher über den Customizer..

Auf dieser Seite wird bei mir (in Firefox und Chrome) die Kategorie "Caridina High" rot angezeigt:

https://garnelen-shop.eu/produkt-kategorie/garnelen/caridina-high/

Ggf. würde ich den Browser-Cache mal leeren


Edit:

damit die Unterkategorien nicht auch rot angezeigt werden sollen, wie im Fall von "Garnelen", füge noch ein > ein:

#secondary .widget li.current-cat > a {
    color: var(--secondary-color);
}

Die Abstände lassen sich von "#secondary .widget li:hover" auf die Listenpunkte mit den Klassen "current-cat-parent" und "current-cat" übertragen:

#secondary .widget li.current-cat-parent,
#secondary .widget li.current-cat {
    padding-left: 15px;
}

Analog könnten die Eigenschaften von "#secondary .widget li:hover::before" auf "#secondary .widget li.current-cat-parent::before" und "#secondary .widget li.current-cat::before" übertragen werden, um die roten Balken einzublenden.