I’m designing a page with Flex Block 1, adding posts filtered by category. The problem is that if a post title exceeds the width, it inserts a line break, misaligning the container with the other posts. How can I make the container width adjust uniformly for all posts, regardless of their content?
Hi,
I’m not 100% sure that I correctly understand, but in case you are referring to the fact that when you have a long title that is no longer on one line and is going on the second line, the blocks are no longer in one line with images, title ….,
if so there are a few solutions, the most popular and simple is to use the title length on the block – https://i.imgur.com/l3IlKbh.png
Thank you for your prompt response. Before shortening the title, I’d like the blocks to adjust to the maximum height of the others.
Hi,
Unfortunately, there is no option for this. What can be used is the title length from the block, or an alternative is to use a custom css:
.td_flex_block_1 {
max-height: 380px;
overflow: overlay;
}
The above css will apply to all fle block 1 so what you should do is to set a class on those blocks you want to aply teh code and replace taht class with the class td_flex_block_1
It can be set in a raw CSS, after that you can change the number of articles that will be displayed, save the changes in tagDiv Composer and check it on the frontend.
Thank you!
