Featured Image – Optimal size?

  • Author
  • #161126

    Hi Taras

    Is there an optimal size for the featured image so that when displayed on featured page on front page the image is not cropped too much. I would like to have a similar set up to your demo site where the our services featured image is more or less identical when displayed small on the front page when compared to the actual child page.


    The blog I need help with is zenith-performance.com.


    Theme Author

    Hello Matt,

    On a demo site, I am using the image which with the following size: 1070x713px.

    Since the image is changing automatically by the browser, you can try to reduce the height of the Hero section on the Front Page template in smaller screens to change the appearance of your featured image:

    /* change a height of the Hero section on screens 500px or smaller */
    @media (max-width: 500px) {
      .home #hero {
        padding-top: 3rem;
        padding-bottom: 3rem;

    Please let me know if you have any additional questions.

    Kind regards,


    Thanks for this Taras. That’s sorted that bit for me!


    Theme Author

    You are welcome, Matt.

    Best regards,

The topic ‘Featured Image – Optimal size?’ is closed to new replies.