Widget individuelles Menü - Linkfarbe ändern?

  • Ich habe ein individuelles Menü in der Sidebar.
    Nun möchte ich die Linkfarbe speziell nur für diese Menü ändern.
    Hier die Stelle im CSS:

    PHP
    #widgets{display:inline-block;text-align:left;width:100%;}
    .widget-area{float:left;width:33%;font-size:0.9em;}
    .widget-area .widget-container{margin-bottom:2em;}
    .widget-area li{list-style-type:none;line-height:1.5em;}
    .widget-area li a{color:#FFF;}
    .widgettitle{display: none;}
    a:link,a:visited,a:active,#single #title a:hover{text-decoration:none;}

    darunter habe ich folgende Klasse für das Menü erstellt:

    PHP
    a.widgetlink:link, a.widgetlink:hover, a.widgetlink:active ...{color: #454545;}

    und in den Menüeinstellungen die CSS-Klasse (widgetlink) eingetragen, aber die Linkfarbe verändert sich einfach nicht?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hier die CSS bearbeite ich gerade, also nicht wundern...
    Die Linkfarben in den Widgets werden glaube ich von dieser Zeile in der style.php beinflusst:

    PHP
    #single #title a  { color:'.$opt['post_title_color'].';}
  • die Farbe für "Cords-Illustration usw."

    wird hier definiert

    Code
    #content .widget-area li, #content .widget-area li a {color:#303030;}
  • Was ich dazu sagen sollte: Im Moment verwende ich png-Bilder für die orangen Buttons, einen CSS-Button habe ich jetzt nur auf einer unveröffentlichten Test-Seite, weil es halt noch nicht funktioniert.

  • um welches Menü geht es denn jetzt nun?

    Also doch nicht um "Cords-Illustration usw."

    sondern um die orangen Buttons oder wie?

  • Danke Art of Pic,
    genau die Zeile war es.

    Du müsstest aber f5 drücken, da ich noch kein timestamp eingebaut habe.
    Die Zeile laute momentan wieder:

    PHP
    #content .widget-area li, #content .widget-area li a {color:'.$opt['post_main_color'].';}

    In den Texten und in der Sidebar unter den Buttons, soll auch diese Farbe verwendet werden. Nur der Text in den orangen Buttons soll weiss werden, so wie es momentan auf den Pngs zu sehen ist.

    Also ich möchte ausschließlich für das Button-Menü eine eigene Farbe, die nicht von style.php beinflusst wird, sonder sich an die Angaben in der CSS-Klasse richtet.

    edit: So ich hab unter dem roten Fleck in der Sidebar mal ein Button öffentlich gesetzt, um den geht es.

    Einmal editiert, zuletzt von Sneer (12. Mai 2012 um 13:58)

  • die einzelnen Menüs haben ja id's

    also die Buttons oben z.B.

    Code
    nav_menu-6

    "Cords-Illustration usw."

    Code
    nav_menu-7

    somit kannst du ja alle schön über css definieren

    Zitat

    edit: So ich hab unter dem roten Fleck in der Sidebar mal ein Button öffentlich gesetzt, um den geht es.

    da sehe ich nix, auch nach 20zig mal F5

  • Der Button sollte jetzt unten rechts zu sehen sein (mit f5).

    Die Ids wurden wohl vom Theme oder im WP-Dashboard automatisch erstellt?
    Ich kann momentan keinen Eintrag mit "nav_menu-6" o.ä. finden.
    Die Id-Namen muss ich dann dem Name der CSS-Klasse anfügen?

    (Sorry, beschäftige mich damit erst seit 3 Wochen...)

  • die ID's siehst du z.B. im Quelltext oder über Firebug(Addon für Firefox)
    siehe Bild im Anhang

    für dein Beispiel unter dem Klecks, würde das nun so aussehen

    Code
    #widget-area #text-2 a {
        color: #FFFFFF;
    }
  • ^^ Als ich die padding Werte probiert habe, ist der letzte Link hinten am Button angestoßen - obwohl ich als Weite 130 festgelegt habe.
    Aber ich habe eh die Befürchtung, dass die Buttons auf verschiedenen Monitoren etwas anders aussehen werden. Bei mir werden momentan alle Kanten-Rundungen angezeigt und die Schrift ist im Button.

  • hab da wohl nachgesehen, während du noch am anpassen warst

    jetzt sieht es schön sauber aus, musst also nichts ändern ;-)

  • Manche Änderungungen in der CSS werden erst sichtbar, wenn ich die WP-Super Cache leere. Vielleicht soll das ja auch so sein :) werde mich dazu noch etwas weiter belesen.

Jetzt mitmachen!

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