Setting shape of portfolio feature images on portfolio page

Is it possible to make the feature image the same size across all the portfolio items in the portfolio page. I would like them all to be cropped to square or rectangular across this page, rather than the feature image size.
keighleyclay.com/press/

Thanks in advance for the support

Chris

Hello Chris,

Please add the following CSS code:

.x-img-thumbnail {
    height: 364px;
}

.x-img-thumbnail img {
    width:  100%;
    height: 100%;
}

Hope that’ll work.

Best regards.

Hi Bappi,

Thank you for the info. This alters the size of the images on the Home page which are all images.

However, I would like to alter the size and shape of the portfolio items on the press page so they all appear the same size.

Thanks

Chris

Hi There,

Please update the previous CSS to this:

.page-id-423 .x-img-thumbnail {
    height: 364px;
}

.page-id-423 .x-img-thumbnail img {
    width:  100%;
    height: 100%;
}

Let us know how it goes!

Hi Chris,

Please try the following CSS code:

.page-id-423 .entry-featured img {
    max-height: 100%;
}

.page-id-423 .entry-featured {
    height: 500px;
}

.page-id-423 a.entry-thumb {
    height: 100%;
}

.page-id-423 .x-main.full #x-iso-container {
    min-height: auto !important;
}


.page-id-423 article.x-portfolio {
    margin-bottom: 50px !important;
}

Hope that helps.

Best regards.

Hi Bappi,

This is great, thank you for the information. The result is here if you want to see it and I can do exactly what I need now.

Thank you for your time

Chris

Glad to hear that :slight_smile:

Feel free to ask if we could help with anything else.

Best regards.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.