Unterkategorien einrücken

Gorg

Hallo Welt,

also ich quäle mich seit drei Tagen mit CSS rum. Möchte eigentlich nur die Unterkategorien einrücken. Immerhin habe ich jetzt die Farben verändert, die Struktur völlig zerschossen. Und mich in CSS erstmals eingearbeitet. Prinzip ist ja recht einfach und schnell verstanden. Aber ich habe es irgendwie nicht geschafft, den Schlüssel zu finden, um die Unterkagetorien um ein paar Pixel nach rechts zu verschieben. Ich glaube, es müsste in diesem Block verändert werden. Gibt ein CSS-Profi unter Euch, der mir einen Tipp geben kann?

Zitat

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}

Alles anzeigen

Danke!

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

telekommander

Haben die Unterkategorien nicht ein eigene Klasse ?
Etwa so : class="children"
Schau mal im Quellcode nach .

p3t3r

Wenn ich mich richtig entsinne, geht das einrücken über die template tags und nicht über CSS. Hab eben im Codex nachgeguckt, aber es spontan leider nicht gefunden.

Gorg

Eine Klasse Children habe ich nicht. Über die Template tags habe ich es probiert, aber auch nicht hingekriegt...

telekommander

Stimmt um an die Klasse "children"zu kommen brauchts ein Template-Tag: ( so sieht meiner aus )
<?php wp_list_cats('sort_column=name&children=1&optionall=1&list=1&hide_empty=0'); ?>
Dann kann das einrücken über CSS gelöst werden.

Gorg

[FONT=Verdana]Hi,[/FONT]
[FONT=Verdana][/FONT]
[FONT=Verdana]also ich hab jetzt mal in der Sidebar den Punkt Children aktiviert:[/FONT]
[FONT=Verdana][/FONT]

Zitat

<?php list_cats(0, '', 'name', 'asc','', 1, 0, 1, 0, 1, 1, 0,'','','','',1) ?>

Anschließend habe ich in der CSS eine neue Klasse definiert:

Zitat

.children {
margin:10px;
}

Wirkt sich aber nicht aus.

obsCure

Schau Dir mal das Navigo Plugin an.

Gorg

Funktioniert das Plugin?

Hast du denn verstanden, wie das Plugin funktioniert? Ich hab bestimmt 30 Codes erstellt und in den Quellcode eingefügt. Da passiert gar nichts. Möglicherweise hab ich auch das Prinzip nicht verstanden. Hast du das Prinzipf verstanden? Hab auch mal im Forum nachgeschaut, aber bis jetzt scheint es ja keiner erklären zu können. Setzt du das ein?

:confused:

Gruß

Gorg

obsCure

Ja, schau mal auf meiner Seite bei den Pages.
Als ich bei den Blogeinträgen noch Unterkategorien hatte waren die auch eingerückt, da muss ich zu hause mal nachsehen.

So habe ich das in meiner sidebar.php angepasst:

PHP

<?php 
    /*Navigo support if available*/
	if(function_exists('navigo'))
	{ 
	    print "<h2>Seiten</h2>";
            print "<ul><li>";
            navigo('depth=8&collapse=true&sort_column=menu_order');
            print "</li></ul>";
	}
	else
	{
	    wp_list_pages('sort_column=menu_order&title_li=<h2>Seiten</h2>' ); 
	}
    ?>

Alles anzeigen

Ich komme grade ans Überlegen ob ich das damals bei den Kategorien evtl. doch per CSS gemacht habe *grübel*. Naja, die Lösung poste ich noch ;-)

Gorg

Danke soweit

Danke, probiere ich auf jeden Fall mal aus und gib Feedback.

Über einen Hinweis wie du das bei den Kategorien hingekriegt hast, wäre ich dankbar...

obsCure

Ich habe nochmal nachgesehen, die Unterkategorien hatte ich doch mit CSS gemacht.

Meine Sidebar sieht so aus:

PHP

<h2><?php _e('Weblog'); ?></h2>
<ul>
    <li>
	<ul>
	<?php wp_list_cats('sort_column=id&optioncount=0&hide_empty=0&children=2'); 
        ?>
        </ul>
 </li>
</ul>

Das Unterelement kann man mit
ul.children{margin-left: 20px;} einrücken.

Gorg

Das funktioniert bei dir?

Ich war gerade dabei eine "Ich bin MEGA-FRUSTRIERT" Message zu schreiben und dann hat mich noch mal der Ehrgeiz gepackt.

Ich hab zwar die genaue Ursache noch nicht gefunden, aber ich weiß jetzt woran es liegt! Es liegt am WUHAN-THEME. Mit dem Default-Theme klappt es wunderbar. Da reichte einfach list_cats entsprechend anzupassen. Aber ich denke im WUHAN-THEME ist irgendwas in den Stylesheets anders definiert. Hab ich mir jetzt aber nicht mehr angeschaut. Vielleicht morgen.

DANKE für die Hilfe...

P.S. Sollte ich noch herausfinden woran es liegt, dann poste ich es... oder ich suche mir ein anderes Theme... Je nach Frustrationsgrenze...

Spooky

css umschreiben ;)

telekommander

Zitat

css umschreiben

:rolleyes:

Da ich Unterkategorien auch über die children-Klasse einrücke, kann ich das Prob. irgendwie nicht so ganz nachvollziehen. Denn es funktioniert einwandfrei. Allerdings nicht mit margin-left sondern mit padding-left.

Funktioniert anstandslos, auch mit diesem Theme. ( getestet ! )

Gorg

Ich weiß auch nicht woran es lag. Aber beim Themewechsel hat es plötzlich funktioniert. Ich habe jetzt ein anderes Theme genommen und da klappt es auch. Also ich kann - ehrlich gesagt - auch nicht nachvollziehen.

Aike

Ich benutze für meine Seite auch das navigo-Plugin, aber das rückt die Link-Liste zu weit ein. Meine Hierarchie sieht etwa so aus:

1
|-a
| |-i
|
|-b
|
2
|-a
| |-i
| |-ii
|
3
|-a

Ich möchte nun das padding-left selbst wählen und nicht den von navigo voreingestellten Wert. Wo kann ich denn das ändern?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Unterkategorien einrücken

Jetzt mitmachen!