Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.
    Portfolio_issue

    #167586

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #167600
    #167857

    Hello!

    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,
    Ismael

    #167867

    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!

    #167909

    Hi!

    Try this:

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

    Cheers!
    Josue

    #168239

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

    #168250

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

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Portfolio grid sizing and spacing issues’ is closed to new replies.