CSS erweitern für sidebar

  • 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!

    • Anzeige

    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

  • 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. ;-)

  • 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.

  • 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; 
         }
  • 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

  • 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. ;-)

  • 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.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!