Ergebnisse
[FONT=&]Hallo ihr zwei,
habe jetzt endlich mal Zeit gefunden, eure Tipps umzusetzen!
Das ist jetzt mein Customizer-CSS, dass ich nun direkt eingetragen habe. Das Plugin habe ich entfernt.
[/FONT]
[FONT=&].main-navigation {[/FONT]
[FONT=&] background-color: #ff6600;[/FONT]
[FONT=&] border-bottom: 2px solid rgba(0, 0, 0, 0.15);[/FONT]
[FONT=&] color: #000000;[/FONT]
[FONT=&] display: block;[/FONT]
[FONT=&] padding: 0 1em;[/FONT]
[FONT=&]}[/FONT]
[FONT=&]a {[/FONT]
[FONT=&] color: #ff6600;[/FONT]
[FONT=&] text-decoration: none;[/FONT]
[FONT=&]}[/FONT]
[FONT=&]aside#recent-posts-2 a:link {[/FONT]
[FONT=&] color: #000;[/FONT]
[FONT=&]}[/FONT]
[FONT=&].main-navigation a {[/FONT]
[FONT=&] color: #000[/FONT]
[FONT=&]}[/FONT]
[FONT=&].post-thumbnail {[/FONT]
[FONT=&] width: 75%;[/FONT]
[FONT=&] margin-left: -55px[/FONT]
[FONT=&]}[/FONT]
Alles anzeigen
[FONT=&]
Nun ist wie gewünscht:
- Menübalken orange
- Menü-Schriftfarbe schwarz
- Linkfarbe in Beiträgen orange
- Linkfarbe 'letzte Beiträge' im Widget schwarz – solange sie nicht geöffnet wurden (s. u.)[/FONT]
[FONT=&]- Bilder der Beiträge (post-thumbnails) kleiner
Folgende CSS haben nicht funktioniert, es wurde beim speichern ein Fehler ausgegeben:
[/FONT]
[FONT=&]@media screen and (min-width: 768px)[/FONT]
[FONT=&].main-navigation ul a {[/FONT]
[FONT=&] padding: 0;[/FONT]
[FONT=&] color: #000;[/FONT]
[FONT=&]}[/FONT]
[FONT=&]@media screen and (min-width: 998px)[/FONT]
Die Linkfarbe der letzten Beiträge im Widget sind schwarz, aber wenn ich mal draufgeklickt habe, um sie zu lesen, haben sie wieder die ursprüngliche Farbe rot. Ich gehe davon aus, dass das die verschiedenen Zustände sind, von denen Marcus gesprochen hat? Ich müsste also den Code nochmal ergänzen mit Farbe für gelesen und ungelesen, richtig? Woher weiß ich nun, wie hier die korrekte Bezeichnung lautet?
Gibt es prinzipiell irgendwo im Netz ein CSS-Lexikon, in dem die englischen Begriffe/Befehle aufgelistet sind? So für uns Newbies? ;-)
Nun wollte ich mein neues Wissen anwenden und selbst versuchen, ein Objekt zu ändern. Und zwar der Button "Kommentar absenden" hat ebenfalls noch die (alte) Farbe rot. Das soll orange sein. Ich bin über "Objekt untersuchen" rein, habe die Class form-submit gefunden und versucht, einen CSS-Schnipsel zu erstellen:
.form-submit {background-color: #ff6600}
Tja, was soll ich sagen: Teilerfolg. Orangefarbener Balken kommt, allerdings zu breit und der Button selbst bleibt immernoch rot... Schriftgröße, fett, Großschreibung etc. würde ich jetzt wissen von den Begriffen her. Aber welcher Begriff ist der richtige für den "Button" - ergo wie bekomme ich hin, dass der Balken nur "Buttongröße" bekommt und das rot weg ist?
Lieben Dank wieder, für eure Antworten!
Viele Grüße
Janine