So I’m working on designing my homepage and I’m having an issue with the borders in between the modules. If the titles of the articles featured aren’t the same length then the module borders end up being different lengths.
As you can see in the image, the center border/divider doesn’t go down to the same point as the other 2. And I want it set up so all of the dividers go down to the same point. Having all of the titles be the same length obviously isn’t an option, so I’d appreciate any help or advice a lot! I’ve tried just about everything at this point and I’m honestly pretty frustrated I can’t figure out how to fix the issue.
The website is Dirty Politix
Anyone? Appreciate any help I can get.
I’d likely hide the borders personally as they are rendered based on depth of the content, not the depth of all the columns combined. (I don’t work here.)
Hi,
In order to make them to look the same size, you’ll need to set an excerpt on title and post content like this -> https://i.imgur.com/o8UQm5B.png
Also, you can set the excerpt on words or letters from theme panel -> https://i.imgur.com/c7Q8ckX.png
Here is a similar topic -> https://forum.tagdiv.com/topic/flex-block-1-and-same-blocks-height/
Thank you!
Wow thank you! I was able to fix the lines without adding an excerpt by using the following CSS code provided in the post you linked to:
.td_module_flex_1 .td-module-meta-info{
height: 170px
}
Looks exactly like what I was looking for.
By the way are there any resources available in regard to using custom CSS on this theme? I don’t really have any experience using CSS so anything would help!
Hi,
Normally, it depends on what you need the CSS, because you can achieve without using CSS.
You can contact us when you need help.
Thank you!
