Einen Menüeintrag bei der Anmeldung ausblenden

Ich verwende den folgenden Code, um einen Menüeintrag auszublenden, wenn ein Kunde nicht angemeldet ist, und ihn anzuzeigen, wenn ein Kunde angemeldet ist.

.hide-item-not-login{ display: none !important; } .logged-in .hide-item-not-login{ display: block !important; } 

Ich habe die class hide-item-not-login auf meinen Menüpunkt angewendet und es funktioniert gut.

Was ich eigentlich will, ist das Gegenteil. Ich möchte, dass der Menüeintrag ausgeblendet wird, wenn sich der Benutzer anmeldet und angezeigt wird, wenn der Benutzer (cutomer in woocommerce) nicht angemeldet ist.

Welche Änderungen werden vorgeschlagen? Jede Hilfe wird sehr geschätzt.

Solutions Collecting From Web of "Einen Menüeintrag bei der Anmeldung ausblenden"

Kannst du die CSS-Regeln nicht ändern?

 .hide-item-not-login{ display: block !important; } .logged-in .hide-item-not-login{ display: none !important; } 

BEARBEITEN

Um den Menüeintrag “Anmelden / Abmelden” hinzuzufügen, müssen Sie eine weitere class zum Abmelden hinzufügen. Nehmen wir an, Sie haben die class .logout-link zum Logout-Menü hinzugefügt. Dann kannst du CSS so hinzufügen.

 .hide-item-not-login{ display: block !important; } .logged-in .hide-item-not-login{ display: none !important; } .logout-link{ display: none !important; } .logged-in .logout-link{ display: block !important; } 

Dies kann getan werden, indem die display: none; nur auf dem .logged-in Selektor. So was…

 .logged-in .hide-item-not-login { display: none; } 

Möglicherweise möchten Sie die .hide-item-not-login in eine genauere .hide-item-login oder etwas, um den geänderten Anwendungsfall zu verdeutlichen. Obwohl es für die functionalität keinen Unterschied macht.