Display Categories Widget: Widget Trennlinien sind falsch plaziert

Ich habe gerade das Plugin "Display Categories Widget" installiert, um mir in einem Widget die Unterkategorien zu einer bestimmten Kategorie anzeigen zu lassen.

Das funktioniert so weit auch - allerdings ist die untere Trenn-/Grenzlinie zum nächsten Widget falsch plaziert (statt unter "Antifaschismus" müßte sie unter "Umwelt" sein).

[Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/upl…Trennlinien.png]

http://peter-nowak-journalist.de/

Weiß jemand Abhilfe oder ein anderes Plugin mit gleicher Funktionalität, das ich statt dessen ausprobieren könnte?

Danke. Mit

.dcw_c1 {
    float:none !important;
}

in meinem child-Style Sheet klappt es; ohne "!important" nicht.

PS.:

Das Widget ermöglicht auch eine zweispaltige Darstellung; dann tritt das gleiche Problem auf.

Wenn ich versuche, dieses Problem analog mit

.dcw_c2 {
    float:none !important;
}

zu lösen, wird das Problem aber nicht (richtig) behoben.

Um das noch zu präzisieren: Die Trennlinie ist dann zwar richtig plaziert, aber die rechte Spalte bleibt leer.

Das Widget ermöglicht, die Kategorien in Spalten darzustellen: Für die Unter-Kategorien zu "Themen" hatte ich "einspaltig" gewählt; für die Verlage "zweispaltig".

Standardmäßig ist auch dort die Einstellung:

.dcw_c2 {
   float:left;
}

Dann sieht es so aus:

Verdränge ich den Standard "left" durch "none !important", dann sieht es wie in Antwort 5 aus: Die Trennlinie wird zwar richtig plaziert, aber es wird nur die linke Hälfte der sidebar ausgenutzt, während der Bereich rechts leer bleibt. - Jetzt verständlicher ausgedrückt?

Danke; ja das klappt. Allerdings wäre ein gewisser Abstand zwischen den beiden Spalten noch schöner.

Und um noch etwas Strukturelles zu lernen: Ist das Problem mit den Trennstrichen einfach ein genereller Fehler im Plugin oder ein Problem, das mit manchen Themes auftritt und mit anderen aber nicht?

Zitat von SirEctor

Ich denke mit margin und padding für den gewissen Abstand solltest du mittlerweile selber hinbekommen.

Prinzipiell schon... - aber wie heißen die beiden Spalten (ich komme irgendwie nicht mit dem Webinspector zurecht)? Ich würde ja nur der linken Spalte einen rechten Rand und/oder der rechten Spalte einen linken Rand geben wollen.

Ich habe jetzt einfach mal ausprobiert:

.dcw {
    margin-right: 25px;
}

gibt dem ganzen Widget einen rechten Rand; umgekehrt mit "left" - beides vergrößert aber nicht den Abstand zwischen den beiden Spalten. Nehme ich statt dessen .dcw-c2 wird die Zweispaltigkeit wieder beseitigt...

Ich habe noch etwas anderes probiert:

.dcw_c2 {
    font-seize: 80% !important;
}

damit die Schrift kleiner werde, damit die Aufzählungspunkte möglichst jeweils mit einer Zeile auskommen (zumal, wenn noch ein Abstand zwischen den Spalten hinzukäme) - aber auch das wirkt sich nicht (bzw. jedenfalls nicht so, wie ich es erhofft hatte) aus.

Ich habe jetzt noch bemerkt, daß es anscheinend eh nicht möglich ist, die Spaltenzahl für jede Verwendung des Widgets separat zu bestimmen, sondern sich jede Änderung der Spaltenzahl bei der einen Verwendung auch bei den anderen auswirkt.

Konkret hatte ich für eine Verwendung im unteren Widgetbereich "dreispaltig" ausgewählt. Das machte auch die beiden Verwendungen in der sidebar dreispaltig - und sah außerdem eh auch unten unmöglich aus:

Daher nehme ich jetzt überall "einspaltig" und die Frage nach dem Abstand hat sich erledigt.