Twenty Eleven 1.4: Abstand zwischen Content und Sidebar

Mojn,

tja also die Seite in Aktion zu sehen wäre durchaus hilfreich, aber leider geht das nicht da wir keinen ACC bei dir haben. ;)

Du musst in der style.css nach Dingen wie #content, oder den Klassen .entry-title, .entry-content, .entry-meta suchen.
Darüber sollten sich auch Breiten (width) definieren lassen, um das Layout anzupassen.

Das Gleiche gilt auch für die Sidebar.
z. Bsp. die Klasse .widget-container.

Du kannst dir die Arbeit auch enorm erleichtern, wenn du mit Addons im Browser arbeitest.

Für Firefox zum Beispiel gibt es Firebug. Das muss man sich extra über die Addons Installieren.

Chrome hat sogar etwas von Haus aus dabei. Einfach mit der Rechten Maustaste innerhalb der Website klicken und aus dem Contextmenü Element untersuchen wählen.

Mit solchen Addons kann man nahezu alles herausbekommen, was wie in der style.css zusammen hängt und wie die Definitionen dann lauten, die angepasst werden müssen, bzw. in welcher Zeile der Datei der zu ändernde Block ist.

Hallo micha,

die Werte kannst Du in der style.css bei

#content {width:66.4%;} in width:800px;

und

#secondary {width:18.8%;} in width:200px;

ändern. Die margin Werte sind für die Abstände zuständig. Dort würde ich auch feste Werte (z.B. 20px ) nehmen. Wenn Du das änderst, musst Du aber auch die width Werte von #content und #secondary anpassen.

Gruß
Christian

Hiho,

yupp jetzt geht es. ;)

Das ist jetzt nur eine schnelle Lösung, eventuell geht es sogar eleganter.
Für die Sidebar kannst du in der style.css die Klasse .widget (Ab Zeile 1755) erweitern;

.widget {
    clear: both;
    margin: 0 0 1.2em;
    [COLOR=#ff0000][B]width: 200px;[/B][/COLOR]






}

Das selbe kannst du auch mit der Klasse .entry-content (Ab Zeile 756) machen;

.entry-content, .entry-summary {
    padding: 0;


    [COLOR=#ff0000][B]width: 730px;[/B][/COLOR]






}

Die 730 Pixel sind jetzt nur Optional, da musst du mal schauen, was dir da so selber zusagt.

Allerdings würde ich dir da noch den Tipp ans Herz legen, vom Twentyeleven ein Childtheme zu bauen und das Wunschlayout darüber zu machen.
Wenn du das Theme mal updaten musst, wären alle gemachten Änderungen wieder weg, da die Dateien bei einem Update gnadenlos überschrieben werden und bei Verwendung eines Childthemes würden deine Änderungen nach wie vor erhalten bleiben.
Und der große Vorteil bei einem Childtheme ist, dass du darin nur die Dateien packen musst, die du auch änderst. So hast du immer den Überblick und das Childtheme holt sich alle anderen noch benötigten Daten aus dem Parent-Theme Twentyeleven.

Ach so, du willst die komplette Sidebar nach Rechts verschieben.
Sorry das hatte ich wohl etwas missverstanden, ich dachte du willst nur den Content der Sidebar verbreitern. ;)

Um die Position der aktuellen Sidebar zu verschieben musst du bei dem Rot markierten Text den Wert anpassen;
(style.css ab Zeile 94)

#secondary {
    float: right;
[COLOR=#ff0000][B]    margin-right: 1.85%;[/B][/COLOR]


    width: 20.55%;




}

Du kannst anstelle des 1.85% auch einen Pixel Wert setzen. Zum Beispiel 5px. Damit bestimmst du dann den Abstand zwischen dem Rechten Rand des Themes und dem Sidebarinhalt.

Irgendwie ist die Aufteilung im Contentbereich komisch... Erst gibt es ein primary div mit 100% width und -22.4% margin. In diesem div liegt dann der content div mit 66,4% width und 34% margin. Nach dem primary div kommt dann der secondary div.