Hey there,
I would like to check if it is possible to have a fix spacing for Post Title for blocks (block 4). I am hoping to achieve to have a 3 line (fixed) spacing throughout, so that the Posts title and excerpt alignment within each Post will be aligned and consistent no matter.
Hope to hear from you soon!
Image url:https://1drv.ms/i/s!Ai3uwVtbSehutoUmKwibSQ9C6007Fg
Hi,
You can control the title excerpt for each module. Block 4 uses module 2 so you can do it here
– https://www.screencast.com/t/RtDzo8WeV and set a fixed excerpt for the title displayed on that block, by words or by letters.
Thanks
Hey there,
Thank you for the prompt reply. I do have to specify my question as I seem to have not explained it properly. Based on the previous image : https://1drv.ms/i/s!Ai3uwVtbSehutoUmKwibSQ9C6007Fg.
Is there a way where I can specify the post’s title, even with lesser words, to have equal spacing that is consistent across?
For example: Such that when the Post Title for Block A has 3 words (1 line), while Block B has 9 words (3 lines), the spacing can be fixed to be 3 lines for all Post Title. My ideal situation is for the Posts excerpts are to be aligned.
Hi,
Sorry for misunderstanding. That could be possible if you were to set a word-break property to the module title
– https://www.screencast.com/t/u3gHDrzGP but I can not think of another way. It all depends of the words used in the post title and their length. Maybe this will be somewhat helpful or give some ideas.
.td-module-title {
word-break: break-all;
}
Thanks
Hi,
Thank you for the quick response.
However, I do not find the suggested method the necessary method I am looking for.
Referring to the image attached below, is there a way where I can instead specify a certain height to the Post Title? This way it can stay consistent across, throughout, regardless of the words used in the post title. Keep note that if possible, it will not affect the mobile view with unnecessary spacing for the Post Title.
Hi,
I think I understand now what you are trying to achieve. Maybe it is something like in this example
– https://www.screencast.com/t/NtQrgSVkV
If this is what you want you can use this code and experiment with different height values, for other post title lengths to achieve the look you want. Or adapt it for other blocks and modules if you want.
.td_block_4
.td_module_2
.td-module-title {
height: 50px;
}
Thanks
Hey there,
Thank you for the fast response! Glad to know that it works as I tried implementing the code.
However, it is affecting the Mobile view also, causing an awkward spacing.
Is it possible to have the code implemented only for Desktop and Tablet? Thus Mobile view will be unaffected.
Hi,
Yes it is, just enter it in the desired field of the Advanced Css section
– https://www.screencast.com/t/Lsb0nTrUFIfo
Then the code will apply only on the respective screen sizes.
Thanks
