Cutline 3-column und eigene Styles für die rechte Sidebar

lbh

Moin,

ich habe mich für das Theme Cutline 3-column split entschieden und dieses soweit umgebaut, dass es meinen Ansprüchen genügt. Nur soll die linke Sidebar einen dunklen Hintergrund mit weißer Schrift bekommen (in den Widgets), die rechte einen hellen Hintergrund mit dunkler Schrift. Ich habe fein säuberlich die "sidebar styles"-Section kopiert und wieder eingefügt und beide dann unterschiedlich benannt (sidebar_list_l und sidebar_list_r). In den beiden sidebar-phps habe ich die neuen sidebar_lists jeweils neu zugewiesen. Klappt alles gut (Schriftart, Schriftgröße etc.), nur die Farben der Links in den Widgets richten sich immer nach der Klasse li.widget, die in beiden sidebar-Sections vorkommt. Das Umbenennen einer der beiden li.widget-Klassen und entsprechendes Anpassen in der zugehörigen sidebar.php führt auch nicht zum Erfolg. Ich habe in beiden Sidebars immer die Linkfarbe, die im zweiten (= letzten) li.widget-Eintrag (bei mir die linke Sidebar) eingetragen ist.

Wo und wie kann ich den Widgets in den beiden Sidebars (bzw. den Sidebars selbst) unterschiedliche Linkfarben zuweisen?

Viele Grüße, Ludger

PS: Momentan habe ich den "Normalzustand" wiederhergestellt, so dass beide Sidebars die gleiche Hintergrundfarbe und die Links ebenfalls die gleiche Farbe haben.

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

marX

Die linke Sidebar hat die ID #l_sidebar, die rechte die ID #sidebar. Per CSS kannst du dann problemlos die Inhalte über diese beiden IDs exakt ansprechen und unterschiedlich stylen.

Das geht auch mit den Widgets, z.B.:

Code

#l_sidebar li.widget a {
 color:blue;
}
#sidebar li.widget a {
  color:red;
}

lbh

Hi, vielen Dank, hat geklappt.

Das Cutline-CSS ist aber auch etwas unübersichtlich geraten, finde ich, obwohl es in dieser Art wohl besonders übersichtlich sein soll, wie ich vermute ...

Sonntag gerettet! Ludger

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Cutline 3-column und eigene Styles für die rechte Sidebar

Jetzt mitmachen!