Category: CSS

Moving the Page and Post Heading Down to stop it obscuring featured image in WordPress Twenty Fourteen

You see the problem – the image you chose is partly hidden behind the page title or post title.  This code is tested with Twenty Fourteen. You need to add it to your custom CSS file.

.full-width .site-content .has-post-thumbnail .entry-header,
.full-width.singular .site-content .hentry.has-post-thumbnail,
.site-content .has-post-thumbnail .entry-header {
margin-top: 0;
}

More Posts About Featured Image problems in twenty fourteen

Replacing the grey striped background of WordPress.com Twenty Fourteen featured image with white CSS

You see the problem – the image you chose is narrow so, on a computer screen, it has a nasty grey background. This code is tested with Twenty Fourteen. You need premium or business to make it permanent – but you can try it using your CUSTOMIZE option on a free blog.

body.blog .content-area {
padding-top: 0px;
}
.post-thumbnail {
background: none;
text-align: center;
}