Twenty Fourteen: Featured Image covers post meta

[kraftbj]

With a viewport of >846px, the following CSS is being used:

.full-width.singular .site-content .hentry.has-post-thumbnail, 
.full-width.home .site-content .hentry.has-post-thumbnail {
margin-top: -72px;
}

( https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentyfourteen/style.css#L3692 )

On the home page, this hides the post meta of a newer post above it.
Example (with Chrome's Inspect Element highlighting of the hidden tag-links span class):
​https://cloudup.com/c73YI-T-vzR

The CSS is required for the singular pages and for the first post with a featured image to avoid any whitespace.

Suggestion: Replace .full-width.home .site-content .hentry.has-post-thumbnail with .full-width.home .site-content .hentry.has-post-thumbnail:first-child

[kraftbj]

Adds first-child

[kraftbj]

Adds first-child to both instances of CSS rule

[kraftbj]

Revised patch since once removing the -72px margin, the next media query that applies adds -48px. This leaves the tags visible with little whitespace between them and the featured image.

first-child on both results in good whitespace between the end of the tags (thus the previous post) and the featured image of the next.

[lancewillett]

Thanks for the report, kraftbj. I'm going to ask Takashi to look at this, too.

[Sheriziya]

I hope it's okay I post this:
I've just tested this solution on my site ​http://fantasygamecreations.com/
For the tags being previously overlapped by the featured imaged from the previous post, it works like a charm! Thanks for the solution, Brandon :)

[obenland]

Introduced in r27117.

28649.3.diff​ combines selectors, includes the .ie8 selector, and makes it a bit more specific. See SergeyBiryukov's comment.

[SergeyBiryukov]

Replying to obenland:

28649.3.diff​ combines selectors, includes the .ie8 selector, and makes it a bit more specific. See SergeyBiryukov's comment.

My comment was about this selector:

.ie8 .singular .hentry.has-post-thumbnail {
	margin-top: 0;
}

Should it be updated as well?

[obenland]

Replying to SergeyBiryukov:

My comment was about this selector:

.ie8 .singular .hentry.has-post-thumbnail {
	margin-top: 0;
}

Should it be updated as well?

Looks like I didn't read you comment carefully enough. I'll update the patch.

[lancewillett]

In 29101:

Twenty Fourteen: fix a display issue in screen sizes over 846 pixels where a post's featured image covers the post meta of the post above.

Props kraftbj and obenland, fixes #28649.