Beim Theme „twenty twelve“ möchte ich manchmal beim Verwenden des Header-Bildes die Standard-Ränder (links und rechts) zum Bild eliminieren.
Standard:
So möchte ich es:
Das erreiche ich mit folgenden CSS-Anweisungen:
/* alles bis an den Rand (somit das Header Bild Full-Size) */
#page { padding-left:0px; padding-right:0px; }
/* wiederherstellen des Abstandes, ausser für Header-Bild */
hgroup, .main-navigation, .wrapper, footer#colophon {
padding-left:40px; padding-right:40px; }
/* Definitionen für header-Bild ohne runde Ecken, ohne Schatten, ohne Rahmen */
img.header-image { border-radius: 0px; border:none; box-shadow: none; }
PS: Header-Image-Size: 960px x 250 px