davesmith_au

The one you put above should read like this:

/* Header */
.site-header {
	padding: 0;
	padding: 0;
}

Also, make sure that in your dashboard, under Appearance >> Header where you’ve uploaded your own header image, underneath you should UNcheck the box “Show header text with your image” or that setting may conflict with your css. That should take care of what you’re wanting to do.

BTW are you a fellow Aussie, I see you use a sulphur-crested cockatoo as your avatar on the css forum…

Jennifer I just managed to find the right code in my regular style.css file, which I’ve now modified for my child css file.

The twentytwelve file has the following:

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

Which I’ve over-ridden in the child theme with the following:

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 12px;
		margin-top: 0.857142857rem;
		margin-bottom: 12px;
		margin-bottom: 0.857142857rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}

As you can see, the parameters I changed are the margins top and bottom. I change the margin by a quarter the pixel value, so I also changed it a quarter of the “rem” value too, to make the changes consistent with each other.

Andrew your answer may suffice for the experienced developers, but some of us just can’t work out from “inspect element” (in developer tools) where in the style.css the top margins for the wrapper are set. I’m used to changing almost anything in a twentyten child (have built quite a number of quality sites with it), and now using twentytwelve for a new site, I’m stumped if I can see where this parameter is set. It would be MUCH easier if someone could say “It’s in the xyz file and you need to change blah blah blah to blah blah blah blah” – Some of us do need our hands held with the new themes…

Cheers, Dave.

Pretty new to all this WordPress stuff, but found this thread quite useful. I was looking for a way to make selected posts appear without the sidebar (using a twentyten child).

I installed the “Custom Post Template” plugin and ended up here to find out just what to do, but I may have found an easier way to make it all work.

I went through the process described by Chip Bennett and found it very helpful. However I wasn’t sure about the <div id="container"> line in my new single-one-column.php file, as the child stylesheet I use still has the -240px setting to allow room for the sidebar, which would make sidebarless posts appear left of center and narrower than the available space.

To get around this potential issue, I modified the line in my single-one-column.php file to read: <div id="container" class="one-column">and then added a new “class” to my style.css in my child theme, as follows:

#container.one-column {
	float: left;
	margin: 0 0 0 0;
	width: 100%;
}

I put this directly under the existing #container bit (the one with the -240px in it) and it seems to work perfectly.

Just thought others finding this thread may find this extra bit of advice useful.

Cheers, Dave.