Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #167562

    I have my portfolio set up in a 4 column layout. If you look at the image below, you will see that are not all the same height in the thumbnails. The images are all different heights, but I would like the thumbnails to be the same height so they look proportional. How would I do this?

    Also, I would like more spacing between the images, at least 15 pixels.

    Thanks, for your help.



    Can you post the link to your website please?




    You can add this on your custom.css or Quick CSS:

    .grid-image.avia-hover-fx {
    min-height: 190px;
    .grid-image.avia-hover-fx img {
    min-height: 190px;

    We suggest that you put all your portfolio images on a single canvas with the same size before uploading them as featured image.

    Best regards,


    Thank you for the reply Ismael, I see now why I could not find it. I wasn’t looking ion the grid.css file for the portfolio styles.

    That code works great, thank you. What about the spacing issue? margin doesn’t seem to work there and padding does not space between the borders.

    Thanks again!



    Try this:

    .grid-entry.flex_column {
    padding: 10px;



    Worked perfect, thanks for all the fast support answers! This is an outstanding template, so I am glad the support is just as good.


    Glad we could help. Let us know if you have any other questions or issues :)


Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Portfolio grid sizing and spacing issues’ is closed to new replies.