Vergrößerung der Abstände in der Sidebar

Hi peterzle,
setze einfach am Ende der jeweiligen Zeile, oder des Bildes, ein <br /> und falls der Abstand dann immer noch nicht groß genug ist eben zwei oder so in der sidebar.
Und natürlich speichern.

LG
Annalena

 

Eleganter wäre es natürlich, wenn du den Abstand mit CSS steuern würdest. Jedes Widget hat eine Klasse, die "widget widget_*****_****" heisst. Ich denke, es sollte genügen, wenn du in der style.css des Themes folgenden Code einfügst:

.widget { margin: 0 0 20px 0 } (alternativ .widget { padding 0 0 20px 0 } )

Dieser Code sollte unter jedem Widget 20 Pixel Platz schaffen. Sollte es mit ".widget" nicht funktionieren, wirst du jedes einzelne Widget benennen müssen. Du müsstest also die genauen Klassennamen aus dem GTML-Code, den der Browser generiert, heraus lesen (sieht in etwa so aus: "class="widget widget_name") und einzeln aufführen, was dann wie folgt aussehen könnte:

.widget widget_*****, widget widget_*****, widget widget_**** { margin: 0 0 Wert in Pixeln 0 }

Anstelle der Sternchen würden dann die Bezeichnungen der Widget erscheinen, etwa "widget widget_recent_entries (die letzten Artikel).


Kurz zur Erläuterung: "padding" definiert den Abstand zwischem dem Rand eines Objekts und dem Inhalt des Objekts; "margin" definiert den Abstand eines Objekts zum nächsten Objekt. In der oben dargestellten zusammengefassten Schreibweise werden die Angaben im Uhrzeigersinn angewandt (also { padding: oben rechts unten link }. Wenn du eine intuitivere Schreibweise bevorzugst, dann schreibst du besser { padding-bottom: Wert in Pixeln } bzw. { margin-bottom: Wert in Pixeln }, wobei die Deklaration "margin" vorzuziehen ist, weil "padding" Objekt nach unten erweitert.

Das Beste wird aber sein, wenn du uns deinen Blog mal zeigst, damit wir erkennen können, wie dein Sidebar aufgebaut ist. Dann können wir dir die beste Lösung vorschlagen (vielleicht kann man auch einfach über die funktions.php des Themes einen Container um die Widget legen und dann dem Container sagen, wieviel Luft bis zum nächsten Container vorhanden sein soll).

 

Versuch es mal mit padding und nicht mit margin!
Und versuch es auch mal mit

.widget_recent_entries { ... }

und nicht mit

.widget widget_recent_entries { ... }

Kann sein, dass ich mir an der Stelle auch geirrt habe was die korrekte Verwendung des Selektors angeht. Ich in meiner CSS-Datei auch ".widget_recent_entries" (usw.) eingefügt (allerdings geht es bei mir auch nur mit "widget", was ich aber nicht so umsetze, weil ich dem Selektor nicht ganz traue).

Und kannst du nicht einfach den Code deiner sidebar.php posten? Möglicherweise musst du den Selektor weiter eingrenzen, aber das sehen wir dann, wenn der Code auf dem Tisch liegt.