page_item

Ich habe ein vertikales Menü bei dem der Hintergrund weiß und die Schrift dunkelgrau ist. Beim hover wird der Hintergrund rot und die Schrift weiß. Beim Drop-Down Menü ist der parent-Menüpunkt mit rotem Hintergrund und weißer Schrift, das Drop-Down aber mit weißem Hintergrund und dunkelgrauer Schrift.

So weit so gut. Wenn ich nun einen Submenüpunkt anklicke, soll das parent-Menü einen roten Hintergrund mit weißer Schrift haben. Den Hintergrund schaffe ich mit folgendem Code:

.page_item a:hover, .current_page_item, .current_page_parent a {
 color: #fff;
 background: #c00;
}

Allerdings ist nun die Schrift im parent-Menü nicht mehr weiß, sondern dunkelgrau, das Submenü ebenfalls mit rotem Hintergrund. Wo genau verzettel ich mich hier?

Betrifft die Website mup.smartewerber.at -> Leistungen

Hat niemand eine Idee oder einen Ansatz?

sollte das Problem bei Elementor nun noch jemand haben; das ist die Lösung für das Customized CSS:

.current-menu-ancestor {
    background: #c00;
}
.current-menu-ancestor a.elementor-item {
    color:#fff !important;
}

Liebe Grüße