Einzelnen Menüpunkt hervorheben

  • Hallo alle zusammen!

    Ich möchte gerne die Hintergrundfarbe des rechten Menüpunkts im Hauptmenü ändern. Ich habe einen zusätzlichen CSS-Code verwendet, so wie es in diesem Thema erklärt wird: Name im Hauptmenü hervorheben. Ich habe auch die entsprechenden Anpassungen vorgenommen, sodass es auf meiner Internetseite funktionieren müsste. Hier mein Code:

    Code
    <style>
    ul.zpmarkactive.default > li:nth-child(4) a{
    color: #ff0000;
    background-color: blue;
    font-weight: bold;
    }
    </style>

    Nun stoße ich jedoch auf ein Problem: Obwohl die Änderung zunächst sichtbar ist, wird sie sowohl in Zeta Producer als auch in der Vorschau nach nur wenigen Millisekunden rückgängig gemacht. Die Seite wird automatisch neu erstellt, und der Menüpunkt hat wieder die ursprüngliche Hintergrundfarbe.

    Kann mir jemand sagen, was ich falsch mache und wie ich sicherstellen kann, dass die CSS-Änderung dauerhaft sichtbar bleibt?

    Freundliche Grüße

    Dustin

  • Die Klasse zpmarkactive sollten Sie in Ihrem CSS nicht verwenden, denn diese Klasse wird nach kurzer Zeit entfernt, daher auch Ihr Stil, der nur kurz angezeigt wird.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Vielen Dank für die zügige Antwort! :)

    Mein Projekt befindet sich gerade in der Entwicklungsphase und ist dazu gedacht, eine bereits bestehende Website zu ersetzen. Es wäre etwas kompliziert, hier einen Link bereitzustellen. Allerdings verwende ich die Beispielvorlage "Campfire Responsive - Innovation" und habe bisher nur wenige Anpassungen daran vorgenommen.

    Zitat von Stefan S

    Die Klasse zpmarkactive sollten Sie in Ihrem CSS nicht verwenden, denn diese Klasse wird nach kurzer Zeit entfernt, daher auch Ihr Stil, der nur kurz angezeigt wird.

    Das könnte die Ursache sein. Ist es möglich, mir Tipps oder Ratschläge zu geben, ohne dass ich einen Link bereitstelle?

    Freundliche Grüße

    Dustin

  • Versuchen Sie es doch einfach mal ohne diese Klasse zu nutzen, also so:

    Code
    <style>
    ul.default > li:nth-child(4) a{
    color: #ff0000;
    background-color: blue;
    font-weight: bold;
    }
    </style>

    Das sollte aber nicht so bleiben, da sich dies potentiell auf alle <ul> Listen auswirkt. Das CSS sollte auf die Navigation eingeschränkt werden, wie das geht, kann ich aber nicht sagen, ohne die Site sehen zu können…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Es funktioniert!!! Vielen Dank :thumbup:

    Zitat von Stefan S

    Das sollte aber nicht so bleiben, da sich dies potentiell auf alle <ul> Listen auswirkt. Das CSS sollte auf die Navigation eingeschränkt werden, wie das geht, kann ich aber nicht sagen, ohne die Site sehen zu können…

    Wenn die Seite online ist und sich Probleme ergeben, werde ich gegebenenfalls nochmal nachfragen!

    Freundliche Grüße

    Dustin

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!