Okay
  Public Ticket #1164964
Farbänderung aktives Untermenü
Closed

Comments

  • Heike started the conversation

    Hallo, liebes Elmastudio-Team,

    die Boxen des ausklappbaren Untermenüs sind jetzt mit dem Farbwert #282828 eingestellt, ich möchte dort gerne eine andere Farbe verwenden und somit auch die Schriftfarbe anpassen. Könnt ihr mir bitte sagen, wie ich dies machen kann?

    Danke schon mal vorab.

    Viele Grüße

    Heike

  •  955
    Marc replied

    Hallo Heike,

    die Farbe der Boxen lässt sich mit folgendem ergänzenden CSS-Code anpassen:

    @media screen and (min-width: 1023px) {
    	#site-nav ul.sub-menu li:hover,
    	#site-nav ul.children li:hover {
    		background: #282828;
    	}
    }

    Die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von "Element untersuchen", "Element-Informationen" o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

    Viele Grüße
    Marc

  • Heike replied

    Hallo Marc,

    ich verwende den Web Developer, jedoch klappt das gehooverte Menü zu, bevor ich mit dem Werkzeug zugreifen kann... ist mir jedenfalls nicht gelungen, das Objekt damit zu untersuchen.

    Die Box habe ich nun farblich geändert, aber jetzt ist die Schriftfarbe noch weiß, wie ändere ich dies?

    Vielen vielen Dank schon jetzt für deine Unterstützung.

    Viele Grüße

    Heike

  •  955
    Marc replied

    Hallo Heike,

    schau doch mal, ob du eine Möglichkeit hast einem Element den "Hover"-Status zuzuweisen, so musst du nicht selbst mit der Maus über das Element fahren. Folgender Code sollte die Schriftfarbe anpassen:

    @media screen and (min-width: 1023px) {
    	#site-nav ul.sub-menu a:hover,
    	#site-nav ul.children a:hover {
    		color: #fff;
    	}
    }

    Viele Grüße
    Marc