Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
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.
Du überschreibst mit .widget, .widget a {color: #fff;} die Farbe der Links im Kalender, deshalb siehst du nicht mehr. Versuch es mal damit:
table#wp-calendar a {
color: #f00;
}ja, kann man. Such dir die Class des passenden aside-Element und ändere dann dazu den a-Tag. Die CSS-Anweisung kannst du dann einfach unter Design->Customizer ins "Zusätzliche CSS" schreiben.
Du sprichst leider mit einem CSS_Voll-Dau!
Das brauchst du ja nicht zu bleiben.
Eins der Grundprinzipien von CSS ist, dass eine genauere Adressierung eines Elements eine ungenauere Adressierung überschreibt. Deswegen die beiden Cs – [COLOR=#b22222]c[/COLOR]as[COLOR=#b22222]c[/COLOR]ading.
Darauf bezog sich SirEctors Hinweis in kurz formuliert: Nimm deine Widget-Klasse oder ID und „sag“ der Seite (also eigentlich dem Browser), dass ein a-Element, das in einer h3-Überschrift innerhalb der Klasse .widget_facebook_lightbox liegt, auch nicht-gehovert rot sein soll.
.widget_facebook_lightbox h3 a, .widget_facebook_lightbox h3 a:not(:hover) {
color: #dein-Überschriftenrot;
}
Die zweite Adressierung mit dem :not() brauchst du vielleicht gar nicht, probier es aus.
Gruß
helix
Deswegen die beiden Cs
OpS – opposite syndrome … aus einem C und zwei S macht mein Hirn zwei C und ein S …
Ist das gefährlich? Helfen Psychopharmaka? Oder einfach zurück ins Bett …???
(Nein, ich schwör’s, ich hab nicht gelumpt!)
Gruß
helix
OpS – opposite syndrome … aus einem C und zwei S macht mein Hirn zwei C und ein S …
Ist das gefährlich? Helfen Psychopharmaka? Oder einfach zurück ins Bett …???
(Nein, ich schwör’s, ich hab nicht gelumpt!)Gruß
helix
Sowas ist hochgradig ansteckend. Ich muss aufpassen und möchte nicht wissen wieviele du jetzt hier im Forum angesteckt hast. Mein CCS sieht auch schon ganz komisch aus. ;-)
An dieser Stelle kannst du
entweder ausprobieren, ob es mit !important funktioniert
oder dir die Webentwickler-Werkzeuge deines Browsers schnappen und schauen, wie dein Link an der konkreten Stelle genau definiert ist. Dann stößt du darauf, dass der als Link innerhalb der Klasse .widget definiert ist – also
.widget a {}
Heißt, du solltest deinen Codeschnipsel auch noch um diese Klasse ergänzen
.widget.widget_facebook_lightbox h3 a, .widget.widget_facebook_lightbox h3 a:not(:hover) {
color: #b72c2c;
}Gruß
helix
Und lesen aber doch auch? Notfalls auch Buchstabe für Buchstabe CSS … weil, ähm, der untere Codeschnipsel ist dein Code (der nicht funktioniert hat) mit der Klasse .widget ergänzt. Probier es doch einfach mal aus.
Und so mittelfristig: lohnt sich schon, sich mit CSS ein bisschen eingehender zu befassen, bringt weniger Frustration, dafür mehr Spaß.
Gruß
helix
Neenee, du brauchst dich da nicht zu entschuldigen.
Erstens ist das am Anfang, wenn man noch nicht so weit durchsteigt, wirklich verwirrender.
Zweitens hängt es auch bei den „alten Hasen“ immer wieder an einzelnen Zeichen. Was glaubst du, wie oft bei mir schon ein Style nicht gegriffen hat, ganz banal, weil ich vergessen habe, im CSS vor meinen Klassennamen einen Punkt zu setzen?
Man kann also eigentlich nur Mut zusprechen für eine große Portion Unverdrossenheit. Ich finde, da bist du jetzt auf dem richtigen Weg.
Gruß
helix
Versuche folgendes in Zusätzliche CSS einfügen!
#s2_form_widget-3.widget.s2_form_widget
input[type="submit"] {
color: #000;
}Das wirkt nur auf das Widget BLOG-ABO!!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!