Abstand der Sidebar-Module
...sowohl nach oben hin als auch untereinander, wie kann ich ihn ändern? Durch das Hinzufügen eines neuen Sidebar-Moduls ist mir das ganze Layout verrutscht, und ich würde es gerne wieder "ordentlich" haben. Vielen Dank schon mal vorab für hilfreiche Antworten.
Terpsichore - 1. Mär. 2015, 12:11 - Rubrik: Layout
Im HTML-Code Ihrer Seite kann man sehen, dass Sie die Überschrift eines Sidebar-Blocks von H4 (Standard) auf H2 geändert haben. Dadurch werden größere Abstände aktiviert bzw. bisherige CSS-Regeln (.sidebarItem h4) deaktiviert.
Lösung: Ändern Sie im Skin Site.sidebarItem das Überschriftenelement wieder von h2 auf h4 zurück.
Nur FYI: Zu fette Überschriften kann man auch anders beheben als durch (problematischen) Eingriff in die HTML-Elementstruktur, z.B. durch ergänzende CSS-Regeln im Site.style (Stylesheet). Mit Hilfe von
.sidebarItem h4 { font-weight: normal; font-size: 17px; }
am Ende angefügt im site.style, hätte die alte H4-Überschrift genauso ausgesehen wie Ihr jetziges H2-Element, mit dem Vorteil, dass keine weiteren Seiteneffekte entstehen.
Aber zu Ihrer Frage: Leider gibt Twoday den einzelnen sidebarItems kein Unterscheidungsmerkmal (z.B. CSS-Klasse) mit, so dass sie sich schlecht getrennt formatieren lassen. Es gibt aber eine Möglichkeit, ein bestimmtes Element in einer Reihe gleicher Elemente anzusprechen. Wenn Sie:
.sidebarItem:nth-child(3) { padding-top: 20px; }
im site.style anfügen, erhält exakt das 3. Element der Klasse sidebarItem (das ist in dem Fall Ihr "Rubrik"-Element) einen oberen Abstand von 20 Pixeln. Auf die gleiche Weise können Sie jedem der Seitenelemente andere Formatierungen zuordnen.
Aber! Warnung! Da diese Formatanweisung einzig auf der fortlaufenden Elementnummer basiert, kann jede Einfügung oder Löschung eines Sidebarelements dazu führen, dass plötzlich ein anderes Element diese Formatanweisung erhält. Das müssen Sie beachten und memorisieren.