CSS erweitern für sidebar

stickser

Hi.

Ich suche und suche und komme nicht dahinter. Vielleicht kann jemand helfen.

Ich benutze das Standard-Theme (Kubrick) und will die Punkte in der sidebar anpassen.

Ich habe einige statische Seiten, die wiederum Unterlinks haben. Diese Unterlinks sollen aber eine andere Schriftgröße haben.

also so:

1. home
1.1. home (kleiner)

In der CSS gibt es aber nur einen Punkt, der alle Links (bzw. Seiten) definiert. In der sidebar.php habe ich auch nichts gefunden.

Weiß jemand, wo (und was) ich das reinschreiben muss? Ich dachte das geht vielleicht so:

PHP

#sidebar ul {
       font-size: 1.0em;
}

geht natürlich nicht...

Besten Dank im Voraus!

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

Geht schon, aber so:

Code

#sidebar ul { 
       font-size: 0.7em; 
}

1.0em ist ja exakt die Schrfitgröße des Elternelements (100%). So wie es jetzt oben steht hat jede Unterliste immer 70% der Schriftgröße seiner Elternliste. ;-)

stickser

ok, das habe ich verstanden.
Aber irgendwie klappt das noch nicht richtig.
Ich habe deshalb mal noch was anderes probiert und das geht so irgendwie nicht.
Die Hauptpunkte sollen fett sein, die Unterpunkte nicht.

In der CSS steht folgendes.

PHP

#sidebar {
	font: 1.15em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

jetzt habe ich folgendes angefügt:

PHP

#sidebar {
	font: 1.15em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}


#sidebar ul {
     font-weight: normal;
     }

Aber dann ist wieder alles normal...

Ich glaube, die Hierarchie stimmt nicht, aber ich weiß nicht was...

Besten Dank.

marX

Die Hierarchie im Kubrick ist so:

HTML

<div id="sidebar">
 <ul>
  <!-- jede Menge html und php -->
 </ul>
</div>

Du musst also noch ne Ebene <ul> in deinem Selektor aufnehmen. ;-)

stickser

ok, d.h, ich muss in die sidebar.php noch eine ul reinschreiben?

marX

Nein, in deinen CSS-Selektor:

Code

#sidebar [COLOR="#ff0000"]ul[/COLOR] { 
    font: 1.15em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    font-weight: bold; 
    } 


#sidebar [COLOR="Red"]ul[/COLOR] ul { 
     font-weight: normal; 
     }

stickser

yepp... klar... das hatte ich natürlich schon versucht, leider macht er das nicht...

das sieht auch immer anders, je nachdem ob ich

#sidebar ul { oder #sidebar li { oder so schreibe. Jedenfalls kriege ich die beiden nicht getrennt.

Noch eine Idee?

Besten Dank

marX

Also vom Prinzip her sollte das schon so funktionieren. je nachdem was du machen möchtest musst du aber natürlich auch auf die Klassen zurückgreifen, die wp_list_pages() ausgibt - .current-page-item, .current-page-parent usw. Stichwort Spezifität.

PS: Kennst du Firebug? Das Tool ist in solchen Fällen Gold wert. ;-)

stickser

ok, dann ist das wieder mal komplizierter als ich kann.
ich habe halt nur bedingte Kenntnisse bei css und quasi gar keine bei php.

Ich dachte, das geht so einfach, wie ihr das ja schon beschrieben habt...
dann wird wohl eben alles fett bleiben müssen.

Danke für die Antworten.

marX

PHP-Kenntnisse brauchst du nicht, CSS ist nicht so schwer. Poste doch vielleicht mal nen Link wo man sich deine Versuche mal ansehen kann.

stickser

hier kannste mal gucken:

http://www.heilzone.de/wordpress/angebot

jeweils die Unterlinks hierzu sollen eben normal sein, oder vielleicht auch kleiner... weiß ich noch nicht.

Danke

marX

Das ist einfach noch ne Ebene tiefer, also:

Code

#sidebar ul ul { 
    font: 1.15em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
    font-weight: bold; 
    } 


#sidebar ul ul ul { 
     font-weight: normal; 
     }

stickser

das ist wirklich einfach.

Besten Dank, so gehts!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS erweitern für sidebar

Jetzt mitmachen!