Unterschiedliche Kategoriefarben angleichen

krissili

Auf der Startseite der Homepage kauleev.org sind unten Kategorien mit verschiedene Farben zu sehen. Die Farben sollen alle angeglichen werden: weiße Links auf grünem Hintergrund. Ich habe vesucht, sie zu ändern, aber ohne Erfolg.
Was muß ich im Stylesheet wie und wo korrigieren?

Werbepost

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

b3317133

Zitat von krissili

Ich habe vesucht, sie zu ändern, aber ohne Erfolg.

Poste mal Deine Versuche, dann hilft Dir ggf. jemand, der Fehler zu finden.

SEpp55

Da ich gerade darüber gestolpert bin....
Versuche mal untenstehende Anweisungen.
Grundsätzlich sind die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

CSS

.widget .widgettitle {
    background: #009900 !important;
    border: 1px solid #009900 !important;;
}


h3.widgettitle a:link {
    background: #009900 !important;
}


h3.widgettitle a:hover {
    color: #013a01;
    background: #009900;
      text-decoration: underline
}

Alles anzeigen

krissili

Danke für deinen Code. Das war ein wichtiger Anstoß!
Ich habe daraufhin im firebug festgestellt, dass es css-classes 2mal gibt, nur anders formatiert. Das habe ich korrigiert.

Jetzt stehen nur diese Formate im childtheme-CSS und im Customizer werden alle Kategorietitel korrekt, dargestellt.

Aber im Firefox hält sich das Problem mit versch. Farben.

h3.widgettitle {
font-size:0.95em;
color:#fff; background: #dd8500 !important;
border: solid 1px silver; border-radius:5px; }

h3.widgettitle a:link {
padding:0 3px;
color: #fff; background: #009900 !important; text-decoration: none;}

h3.widgettitle a:hover {
color: #009900; background: #fff !important; text-decoration: none; }

Jetzt bin ich ratlos. Es muß noch irgendwo eine Eintragung geben, die querschlägt, aber ich finde sie nicht.

Bitte, schaut doch mal nach, ob ihr den Übeltäter findet.

Slowmo

Bei mir ist es im Firefox ok. Öffne die Seite mal inkognito. Vielleicht liegt es am Cache.

Gruß
Sophie

krissili

Danke, Sophie, für deinen Hinweis auf Browser! Verschiedene Browser-Tests habe ich gleich durchgeführt und sie haben mich im Einkreisen des Problems weitergebracht:

Ich habe den Cache im Firefox gelöscht und die Homepage in vier Mac-Browsern aufgerufen: Firefox, Google, Safari, Opera. Bis auf Firefox funktioniert die Farbdarstellung in 3 Browsern korrekt. Es scheint also ein Firefox-für-Mac-Problem zu sein, stimmt's?

Damit kann ich immerhin meine Suche nach CSS-Fehlern einstellen.

Slowmo

Hm – kann ich nicht nachvollziehen.
Die Schrift ist im FF sieht nicht schön aus. Zu fett für meinen Geschmack.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Unterschiedliche Kategoriefarben angleichen

Jetzt mitmachen!