Featured Image – Optimal size?

  • Author
    Posts
  • #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.

    best,
    Matt

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

    #161146

    tarasdashkevych
    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,
    Taras

    #161167

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

    #161215

    tarasdashkevych
    Theme Author

    You are welcome, Matt.

    Best regards,
    Taras

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