Full width featured image on Twenty Sixteen

  • Resolved SVTX

    (@12ax7)


    8 years, 11 months ago

    Hi all,

    I’m getting to know the Twenty Sixteen Theme and so far I really like it. It’s nicely editable and has a good “starting point design”.

    I only have a bit of trouble to find the right CSS to make the featured images not only full with in the content (which by the way is achieved via .post-thumbnail img {width:100%;}) but the whole screen (or page) area. If need be minus the background are but really todays web design is all about those wide feature images so I think it would help a lot of people to stay away from Visual Composers which make their sites incompatible with many plugins out there. (I’ve just experienced that so I’m sensitive to the content ??

    Can someone point me towards a good solution? I would like to center the image both horizontal and vertical so the extra on the sides cuts off automatically in responsive mode. I hope I’m making any sense, please let me know if you need to know more.

    Cheers

Viewing 3 replies - 16 through 18 (of 18 total)

  • I’m not too sure. It’s probably best to start another thread for this though. Since this one is marked resolved, we’re less likely to get other people contributing. I would refer back to this thread though in the new one.

    Actually… I may have figured it out. Try adding this to you child theme.

    .site-inner {
    max-width: 100%;
}

    thx again @heatherland,

    It did work but with a caveat :)!

    As suggested, I posted a new support question here: New Support Question

    Again, each time your comments have been added to my website, many thx!

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘Full width featured image on Twenty Sixteen’ is closed to new replies.