Setting shape of portfolio feature images on portfolio page

Support
#1

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

#2

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.

#3

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

#4

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!

#5

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.

#6

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

#7

Glad to hear that :slight_smile:

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

Best regards.

#8

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