Archived topic
Category page post alignment help
5 replies · Started by Camilo A on February 26, 2020
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?
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.
Thank you David, I have disabled the Masonry option.
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
The CSS worked like a charm. Thank you David!
Glad to be of help
