Forcing the portfolio items to be a uniform size on portfolio page

[sarahlouisewaterhouse]

Hi, I have a portfolio page where all the featured images are square. But I have just uploaded one and despite being square it is displaying as rectangular. Please can you tell me how I can make look like the rest.
I have gone through the forum and found various css solutions that have worked for other people but I cannot get the featured image to change size.
i.e. the below was put on, but had no effect.
.page-id-423 .x-img-thumbnail {
height: 364px;
}

.page-id-423 .x-img-thumbnail img {
width: 100%;
height: 100%;
}
The URL is https://www.sarahwaterhouse.org/album-covers/
The featured image in question sits at the bottom of the page - Mike Walkers - Ropes
Thanks in advance

[nabeel]

Hi there,

Thanks for writing in! Try adding the following code in the Theme Options > JS:

(function($){
  $(window).on('load resize', function() {
    $(".x-iso-container").each(function(index, el) {
      var max = 0,
      mobile = $(window).width();
      $(this).find("article > .entry-featured img").css('min-height', 'inherit');
      $(this).find("article > .entry-featured img").css('height', 'auto');
      if ( mobile > 767 ){
        $(this).find("article > .entry-featured img").each(function(index, el) {
          if( $(this).outerHeight() > max ){
            max = $(this).outerHeight();
          }
        });
      }
      $(this).find("article > .entry-featured img").css('min-height', max);
    });
  });
})(jQuery);

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[sarahlouisewaterhouse]

That worked. Thanks so much!

[jade]

You’re welcome.