How to reduce the amount of white space at the top of twentythirteen

In Twenty Thirteen, there’s an article tag that wraps most of the content that has 40px of padding top and bottom. The tag has a few classes based on the content type and whatnot, but it also has the class hentry which is evidently the class that has the aforementioned padding. Also, the header.entry-header tag has 30px of margin at the bottom.

I hope this is helpful.

Thanks Kendall! Yes this is extremely helpful. Hopefully the moderators will leave this discussion open, as I don’t have time this evening to work on it, but I’ll report back as soon as I figure it out!

You’re welcome. Let me know one way or another if you can get it to do what you want.

Cheers.

I can’t find these article tags. I have looked in the stylesheet and rtl stylesheet. Anyone know how I can edit these white spaces? I’m getting ready to give up on wordpress and switch to straight html5 and a template.

The article tags are usually referenced by one or more of several classes that are generated by the PHP. In the case of Twenty Thirteen, it’s the .hentry class that has the padding That said, you can call them explicitly if you want and add the !important flag to override any styling associated with the classes:

article {
    padding: 0 !important;
}

But it might make more sense to call the article tag with the class and a parent to override the styling without having to call the !important flag:

.site-content article.hentry {
    padding; 0;
}

If you right-click and “inspect element” on the content, you should be able to find the article tag and see that the padding is added via the .hentry class.

Thanks so much! I copied the whole stylesheet code into notepad and searched for article and still couldn’t find it, but one of these days I’ll figure it out. HAHA I’ll try again and use .hentry this time.