Tagged: gallery, image sizing, Portfolio
hello,
i am using Enfold for my portfolio site. i am having issues getting Gallery Big Preview images to crop, thumbnails as well. in Portfolio grids, the cells are not cropping images and are displaying in different sizes in the layout. i would greatly appreciate any help you can offer with these issues. thanks!
– jordan
Hi Jordan!
Thank you for using Enfold.
The dummy data uses images with the same dimension and proportion. If you’re uploading images with different sizes, you can set a minimum height for the portfolio thumbnails. Use this on Quick CSS or custom.css:
.grid-image img {
width: 100%;
display: block;
height: 225px;
max-height: 225px;
min-height: 225px;
}
Regards,
Ismael
ah, ok i see. i thought the theme was set up to do the centering and cropping of the image in the container div and i was choosing a wrong option or had messed something up with my images settings
that snippet above does constrain a uniform size, but it either stretches or squishes the images. i’d like to have them at original proportions, but cropped and centered inside the container. same with thumbnails.
looks like it’s time for some css fiddling on my end. if you have any quick ideas, i’d more than appreciate them. thank you!
Hey!
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the portfolio image size (increase its height and set cropping to Yes).
4. Regenerate the thumbnails by clicking the button at the bottom.
Cheers!
Josue
yup, i actually followed that path to the solution from a similar post and it did the trick. thanks very mcuh!