Individueller Menü-Punkt in der Navigationsleiste | Farbe verändern

20.04.2018 15:31 (zuletzt bearbeitet: 20.04.2018 15:32)
avatar  Sergio
#1
Se

ich versuche in der Navigation einen Menü-Puknkt mit einer anderen Farbe zu formatieren. Leider beim Anklicken auf Menü-Punkt werden die gewünschten Farb-Einstellungen nicht übernommen. Vielleicht hat jemand eine Idee, wo der Fehler liegen kann?
Ist Zustand: (1)
Gewünscht: (2)

1
2
3
4
5
6
7
8
9
10
11
 
/*<![CDATA[*/
 
#cc-nav-view-2412137687 a, #cc-nav-view-2412137687 a:link, #cc-nav-view-2412137687 a:visited {border: 1px solid #ff0000; color: #fe011a;}
 
#cc-nav-view-2412137687 a:hover, #cc-nav-view-2412137687 a.current:active {color: #fff; background-color: #fe011a !important;}
 

#cc-nav-view-2412137687 a.parent, #cc-nav-view-2412137687 a.parent:visited {color: #fff; background-color: #fe011a;}
//]]>
</script>
 
 


 Antworten

 Beitrag melden
22.04.2018 09:17
avatar  az_
#2
avatar
az_

....poste mal die URL, bitte!


LG, az


PS: Dein Script scheint falsch geklammert zu sein. Ein CSS-Script muss immer mit <style type="text/css">...</style> geklammert werden. Versuch das mal:


1
2
3
4
5
 
<style type="text/css">
#cc-nav-view-2412137687 a, #cc-nav-view-2412137687 a:link, #cc-nav-view-2412137687 a:visited {border: 1px solid #ff0000; color: #fe011a;}
#cc-nav-view-2412137687 a:hover, #cc-nav-view-2412137687 a.current:active {color: #fff; background-color: #fe011a !important;}
#cc-nav-view-2412137687 a.parent, #cc-nav-view-2412137687 a.parent:visited {color: #fff; background-color: #fe011a;}
</style>
 


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
22.04.2018 10:46 (zuletzt bearbeitet: 22.04.2018 10:46)
avatar  Sergio
#3
Se

Vielen dank für Deine Rückmeldung! Hier ist die Seite, woran ich gerade arbeite: https://www.karpaten-weine.de/

Es scheint soweit mit Klammern alles in Ordnung zu sein.

Leider klappt es bei mir nicht, die a.current richtig anzusprechen.


 Antworten

 Beitrag melden
22.04.2018 12:03 (zuletzt bearbeitet: 22.04.2018 12:07)
avatar  az_
#4
avatar
az_

...ich würde da ein Bildchen untersetzen wie bei https://designtest-barcelona.jimdo.com/



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
22.04.2018 12:42
avatar  Sergio
#5
Se

...ich habe auch über diese alternative nachgedacht. Leider möchte ich nicht sehr viel in der mobilen Ansicht umbauen.
Wo kann evtl. der Fehler liegen?


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!