Hey folks,
I’m setting up a new site for a client and I selected Enfold based on its flexibility and power. Loving a lot of the features, but I’m having a weird problem with a gallery I inserted via the Avia Layout Builder.
I know that WP has created square aspect ratio thumbnails for the uploaded images, because that’s what I see in the media library. But no matter what Gallery Preview Image Size I choose in the Gallery settings, I end up with these portrait images destroying the uniform grid look.
What am I doing wrong?
Thanks,
Dan
bump…
Hi!
Try dragging a codeblock element to your page and add this inside.
<style type = "text/css">
.avia-gallery img {
max-height: 200px !important;
}
</style>
Best regards,
Elliott
Adding this code doesn’t seem to work for me, I still get the same problem as dgackey.
Hey!
That should be working for you as well. I didn’t see it in your source code though. Add it back in and let us know when your done.
Regards,
Elliott
Ok, it’s back in…
Hey!
I still don’t see it for some reason. Add this in Dashboard > Enfold > General Styling > Quick CSS.
.avia-gallery img {
max-height: 120px !important;
}
If your still having troubles then send us a WordPress login and we’ll take a look. Perhaps you have a typo somewhere in your other CSS.
Best regards,
Elliott
Hi!
Did you set the Gallery Preview Image Size? Set it to Portfolio (495×400).
Best regards,
Ismael
Hey!
I switched it to a max-height and min-height of 150px. Just play around with the values to change the size.
Best regards,
Elliott
I see now, thank you!