Dropdown-Menü bearbeiten

Hallo zusammen,

ich nutze das Helix 3 Template und habe ein Dropdown-Menü erstellt. Es gibt zwei Dinge, die ich beim Dropdown-Menü gerne noch ändern würde:

1. Rollover-Farbe für Dropdown-Menüeinträge ändern: Das helle Blau gefällt mir nicht und ich würde es gerne durch eine andere Farbe ersetzen. Über welchen CSS Code kann ich das machen?

2. Dropdown im Offcanvas-Menü bearbeiten: Oberster Menüeintrag (Unternehmen) und die beiden unteren Menüeinträge (Über Uns + Historie) sollen nicht gleichzeitig in orangener Farbe leuchten, sondern nur der Eintrag der gerade mit der Maus berührt wird. Wie kriege ich das in CSS umgesetzt?

Link zur Seite: https://maler-spiess.de/

Vielen Dank im Voraus!

LG

tomislav

Zitat von christine2

Hallo tomislav,

zu 1. nicht sicher, versuchs mit:

Code

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  background: #f5950a;
}

vorher custom.css noch erstellen:

https://www.joomshaper.com/doc…ocumentation-heading-3_12

Liebe Grüße

Christine

Alles anzeigen

Hallo Christine,

hat funktioniert. Vielen Dank!

Hat jemand noch eine Lösung für das andere Problem?

LG

tomislav

Zitat von anka

Hallo

Nimm mal das hier raus:

Code

.offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
    color: #f5950a;
}

und setze dafür das hier ein:

Code

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    color: #f5950a;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > span {
    color: #f5950a;
}

Hallo anka,

funktioniert wie immer einwandfrei. Vielen Dank!😊

LG

tomislav