Row spacing in portfolio grid

  • Resolved yv3333

    (@yv3333)


    10 years, 7 months ago

    Hi,

    I have two questions about the portfolio page (portfolio grid layout). I am using 3 column layout.

    1. Is there any way to increase the spacing between rows? I am using 300 px X 300 px images and the rows look crowded.

    2. Can we add a caption + description for each image below rather than hover and display? And change the hover color from grey to something else?

    Thank you so much

Viewing 4 replies - 1 through 4 (of 4 total)

  • Try adding this to your custom css box and tell me if it’s what you wanted. add this to your custom css box in the theme options:

    .portfolio_item {
padding: 0 20px 20px;
}
.portfolio_item .portfoliolink {
position: relative
ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

    Kadence Themes

    Thread Starter yv3333

    (@yv3333)

    That worked great, thank you

    CAM

    (@caitlinmccartan)

    I followed the above to make more room between portfolio grid items, but now none of the hover titles are functioning or sized properly. Do you know how this can be fixed?
    Example here: https://marionchonorscsj.com/all-artwork/portfolio/

    Thank you

    caitlinmccartan,
    Please do not post in a resolved topic. Especially one that was from 9 months ago. Thanks!

    As for your issue. remove this:

    .portfolio_item {
padding: 0 20px 20px;
}

    Kadence Themes

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Row spacing in portfolio grid’ is closed to new replies.