Blog Layouts Not Displaying Correctly
-
I’m trying to build a Blog Layout, however I can’t seem to match the same layout as on the demo site.
The demo site has ‘Masonry Layout’ as the following: https://woodmart.xtemos.com/blog/category/design-trends/
However the same settings on my site aren’t displaying uniform blog posts layout and I’m not sure what to select.
Please can you let me know which settings I need to replicate the demo site?
Attachments:
You must be
logged in to view attached files.
Hello,
I’ve checked your blog layout, and the difference in post heights is caused by the post titles — some take up one line while others take two, which naturally makes the post boxes uneven in a masonry layout.
Try to add the following css code in Theme Settings > Custom CS to make it uniform.
.blog-design-masonry .wd-post-excerpt{
overflow: hidden;
height: calc(2.6em* 2);
line-height: 1.8em;
}
.wd-post .wd-entities-title {
overflow: hidden;
height: 1.4em;
line-height: 1.4em;
}
Best Regards
.
