[Resolved] Category page post alignment help

Home Forums Support Category page post alignment help

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1177637
    Camilo A

    I have modified my category page to have columns. However, the titles and images aren’t aligned in rows due to varying title lengths. What can I do in order to have each “row” in the columns be the same height so it creates a true grid alignment?

    #1177663
    David
    Staff
    Customer Support

    Hi there,

    can you disable the Masonry option in Customizer > Layout > Blog
    Then let us know and we can take a look if a little CSS is required.

    #1177667
    Camilo A

    Thank you David, I have disabled the Masonry option.

    #1177743
    David
    Staff
    Customer Support

    Couple of options:

    1. Customizer > Layout > Blog –> Featured Images > Location > Above Title

    OR

    2. If you want to keep the title above the image. Add this CSS:

    .generate-columns .inside-article {
        display: flex;
        flex-direction: column;
    }
    
    .generate-columns .inside-article .entry-header {
        margin-bottom: auto;
    }

    You can reduce the space between the title and the image in Customizer > Layout > Container –> Content Separator

    #1177809
    Camilo A

    The CSS worked like a charm. Thank you David!

    #1178362
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.