TwentyTen: Breite des Themes ändern

Durch einige kleine Änderungen kann die Gesamtbreite des Themes angepasst werden. In diesem Beispiel wird die Gesamtbreite insgesamt um 100px erhöht, die sich zu jeweils 50px auf die Sidebar und den Content verteilen. Dazu sind folgende Änderungen an der style.css vorzunehmen:

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 1040px; // geänderter Wert
}
#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 1040px; // geänderter Wert
}
#container {
	float: left;
	width: 770px; // geänderter Wert
}
#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 270px; // geänderter Wert
}

Das Ergebnis sieht dann wie folgt aus. Ich habe extra das original Headerbild übernommen, damit man rechts sehen kann, in wie weit das Theme in der Breite gewachsen ist.

twentyten_long-1

Einen Kommentar schreiben