WordPress.org

Support

Support » Themes and Templates » Twenty Fourteen » [Resolved] Twenty Fourteen: How to move post content entirely below featured images?

[Resolved] Twenty Fourteen: How to move post content entirely below featured images?

  • I am absolutely loving Twenty Fourteen so far, but the fact that post content seems to be layered on top of my Featured Images is bothering me. I want the entire image to be visible and not have an awkward white space cutting into the bottom center of them.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Lance Willett

    @lancewillett

    Themer

    Hi, could you share a URL or a screenshot so we know what you mean?

    Michael

    @alchymyth

    Forum Moderator

    using a ‘custom CSS’ plugin or child theme, add something like this to the styles:

    .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;
    }

    I thought that code did the trick, but it also created a new problem. I decided to take some screenshots to better illustrate what I want.

    Twenty Fourteen Default

    As you can see, the post content takes up space on the banner, which I’m sure works for most people, but it’s obvious why it’s an unwanted feature here.

    Child

    The fix did exactly what I wanted to do, but it also created a white space above the featured image banner.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Are you using Firebug or an equivalent tool? That tool will help you understand what’s causing the white space – as we don’t have a link to your site we can’t explore why.

    Thanks for suggesting Firebug. It took me a while to figure out what it did, but once I knew what to look for, I managed to do some fooling around.

    Pretty much all I did was delete two lines. As far as I can tell, I only needed the first to get it to do what I wanted.

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

    I’m afraid just using trial and error didn’t exactly help me “understand” why the fix worked. I would prefer more precise code that doesn’t change anything other than what needs to be changed, but barring that I’ll go with what seems to work.

    I have a very big white space appearing just before the featured image in all my pages in twenty fourteen theme can someone help me arraging this, i appreciate it very much. this is my site

    http://www.central-monterrico.com/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Twenty Fourteen: How to move post content entirely below featured images?’ is closed to new replies.
Skip to toolbar