Hello excellent Enfold support,
If possible please give me the CSS code necessary to make image cells located inside column elements the same size. Please find a link to an example page in the private area, you will see that the images under the fullscreen slider are of different sizes, I want them all to be the same size.
I had a similar problem before with featured images in porfolio grids and the following CSS solved the problem: .grid-entry .inner-entry { min-height: 390px !important; }
Hey amrman0!
Thank you for using Enfold.
We can set a specific height but it will distort a few of those images. The better solution is to upload images with the same size and proportion.
Cheers!
Ismael
Hello, thank you for your support. I still would like to get the CSS code to make the cells a specific height, it’s OK if the images get distorted.
Hi!
please add the below code to Enfold > General Styling > Quick CSS
.custom-class .avia-image-container {
max-height: 180px!important;
}
Best regards,
Vinay Kashyap
Thank you for your response, I finally achieved what I wanted using part of your code only.
The original code didn’t change anything : .custom-class .avia-image-container { max-height: 180px!important; }
But when I deleted the first part of the code, it worked : .avia-image-container { max-height: 180px!important; }
Regards.