Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2017 at 11:24 pm #829848
    messmeriza

    The headings in my portfolio span either 2, 3 or 4 rows of words. It doesn’t look nice that the boxes don’t have the same height in each row.

    For example in the first row the boxes for ‘Future-proofing Processes’ and ‘Bridging the CISO-CEO Divide’ are not as high as the other heading boxes in the same row.

    Ideally I would like all boxes on this page to be as tall as the boxes whose headings span 4 rows of words ie. the box for ‘The Foundation for Comprehensive Security Information and Event Management’

    If that’s not possible how do I add space between each row of portfolio items. About 10-20 pixels.

    Thanks for your help!

    • This topic was modified 7 years, 5 months ago by messmeriza.
    July 26, 2017 at 1:57 am #829882
    Vinay

    Hey messmeriza,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .grid-content {
    min-height: 100px;
}

    You can try adding this code in media query and adjust the grid content height for different screen size.

    Best regards,
    Vinay

    July 26, 2017 at 2:33 am #829885
    messmeriza

    Awesome, that works. Thanks a lot Vinay!

    July 26, 2017 at 4:52 am #829915
    Nikko

    Hi,

    Glad that Vinay helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Portfolio heading box: same height for all?’ is closed to new replies.