Archived topic
How to set equal spacing in archives with columns
3 replies · Started by Emil on September 28, 2018
Hello, I have set Display posts in columns but my articles have diferent spacing. How to fixed?
[img]https://preview.ibb.co/geKgwp/spacing.jpg[/img]
Hi there,
you would need to switch off the Masonry in the blog settings. And you could force the title to always be a fixed number of lines with this CSS:
.blog .entry-title, .archive .entry-title, .search .entry-title {
line-height: 2.5ex;
height: 7.5ex;
overflow: hidden;
}
Thanks :-)
You're welcome. Note that the code above will only display 3 lines, anything on a 4th line is hidden. You can increase the line-height and height for more lines. Eg. for 4 lines:
.blog .entry-title, .archive .entry-title, .search .entry-title {
line-height: 2.5ex;
height: 10ex; /* 4 times line height */
overflow: hidden;
}