Header Image Not Fitting on The Sela Theme

  • Unknown's avatar
    mylibrarycardworeout · Member ·

    So I just recently switched to The Sela Theme and while I am loving a lot of things about it, for some reason, my featured image for my posts is not fitting and I specifically went to this theme because of the featured image option. Below is a link to an example post.

    While the image is to the size recommended, the actual post itself is going over the featured image. So I was wondering how I would fix this, if it would be something like resizing the featured image or if I am missing something within the actual theme itself.

    Thanks so much in advance.

    https://mylibrarycardworeout.com/2016/05/18/wordless-wednesday-8/

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi @mylibrarycardworeout: (I love and can relate you your username, by the way.)

    I can see that you’ve now removed the featured image from that example post.

    Featured images and the content of posts do overlap as part of the Sela theme’s design. You can see an example of this on the demo site:

    https://selademo.wordpress.com/2011/09/20/some-much-needed-vacation/

    Did your featured image overlap in a way that was different from the demo site? If so, could you add it back to your post or create a screenshot so I can see for myself?

    There isn’t a built in way to change the way the featured image looks but, if you upgraded to one of our paid plans, you would have the option of changing its positioning and size with some custom CSS.

    Alternatively, you can remove the featured image and manually insert a larger image to the very top of your post, as I can see you’ve done for your Wordless Wednesday example.

    Let me know if that information is helpful or if you have any extra questions.

  • Unknown's avatar
    mylibrarycardworeout · Member ·

    Hey! Thank you so much for this response. It was extremely helpful.

    For some reason I must not have done my research when I was looking at the theme because I never saw that post in my travels. (Clearly not only my library card wore out by my brain did as well).

    That is exactly the way that it showed up on my post when I put a featured image in. I wasn’t sure if it was a glitch or part of the theme, but clearly it is the latter.

    At least I know there isn’t anything wrong and I can work around it.

    A question with the custom CSS. If I were to upgrade to that and then edit the code, would I be able to change how it currently is? So I would be able to stop the overlap?

    Thanks so much for the response!

  • Unknown's avatar
    siobhyb · Member ·

    Hi there,

    A question with the custom CSS. If I were to upgrade to that and then edit the code, would I be able to change how it currently is? So I would be able to stop the overlap?

    That’s right! The ability to add CSS is one of the features of WordPress.com Premium and the following CSS would stop the overlap:

    .post-thumbnail+.entry-header {
    margin-top: 0;
}

    You can try custom CSS for free by navigating to the Custom Design panel of the Customizer and clicking on the button to Try Now.

    Hope that’s helpful. :)

  • The topic ‘Header Image Not Fitting on The Sela Theme’ is closed to new replies.