How to setup blog section to get a perfect grid?

Hey there!

We have set up our home page with the basel theme element “blog” and it looks nice out of box.
But what really annoys is that there is never a perfect grid. The Post are just not in line horizontally. I guess it has to do with the letters shown of the short discription.

See screen shot marked with red. There is a gap… How can we set this perfectly right?

Thanks for your help!
Ben

Here is the picture again, was too big before. Sorry.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

You need to upload images of the same size to disable the masonry grid. There is no other option to change the view.

Best Regards

Hello Eslise,

the pictures are exact the same size.

The problem is that the preview shows one more line of text in the top middle picture. How can we set that?

Thanks again!

Best regards
Ben

Hello,

Please provide your site URL I will provide the custom CSS. If your site is under maintenance, please provide your site admin access to the private area

Best Regards

@Elise see private message

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .blog-design-masonry {
  height:380px;
	overflow:hidden;
	margin-bottom:0;
	padding-bottom:0;
}

Best Regards

[Author]

Posts