Navigation
Archive / Standardizing image height in columns
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 15, 2016 at 2:39 pm #1294722
    ladiesfieldday
    Participant

    Hi,

    I have a row with five columns of images on my homepage (http://www.zoeyork.com/newsite/) – under “Looking for love? Explore my series.”

    Four of the images are 1600x2400px, and one is 1800x2400px. X Theme seems to size the images by width instead of height, so that outlier image appears shorter than the others in the row. How can I adjust things so all images in the column appear as the same height?

    Thanks.

    December 15, 2016 at 3:23 pm #1294791
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .home #x-section-3 img {
    min-height: 252px !important;
}

    Let us know how this goes!

    December 15, 2016 at 6:38 pm #1294959
    ladiesfieldday
    Participant

    Thank you for the help! Unfortunately that isn’t the answer. Adding that code means the images are not responsive or proportional.

    Any other thoughts?

    December 15, 2016 at 7:20 pm #1295073
    ladiesfieldday
    Participant

    Issue resolved – found a workaround. Thanks 🙂

    December 15, 2016 at 8:49 pm #1295175
    Rue Nel
    Moderator

    Hello There,

    We are just glad that you have figured it out a way to correct the said issue.
    Thanks for letting us know!

    Best Regards.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1294722 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>