Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 18, 2023 at 4:48 pm #1422925
    williamslyd

    I am using different image dimensions for different blog post widgets on my homepage. In some cases, the images within the same widget do not appear all at the same height. How can I force them to fill the container? The original images are all different dimensions and I cannot go back and resize them all.

    October 19, 2023 at 4:41 am #1422956
    Ismael

    Hey williamslyd,

    Thank you for the inquiry.

    We could apply a maximum height to the featured images to control how tall they display, but this will cut off the images a bit. If you want to proceed, please try this css code.

    #top .fullsize .template-blog .big-preview a {
    max-height: 110px;
}

#top .fullsize .template-blog .big-preview img {
    width: 100%;
    object-fit: cover;
}

#top .fullsize .template-blog #homepage-feed .big-preview a, #top .fullsize .template-blog #gender .big-preview a, #top .fullsize .template-blog #newsroomh2 .big-preview a {
    max-height: 300px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.