Archived topic
How to change the text-overflow for the Dispatch Magazine Grid Header?
5 replies · Started by Yvonne on October 4, 2021
I'm using the Dispatch theme and the WP Show Posts magazine grid header. Some of my post titles are getting cut off in the smaller bottom right squares using my standard h2 font size. I tried decreasing the font size, but then the featured post has a one-line headline with mega space after. I'm fine with adding an ellipsis to any truncated headlines, but I'm not sure which element to target to do so. On the other hand, if there's a way to resize the individual grid post title elements, I'm up for trying that too. I do have premium blocks and show posts—I'm a fan.
Hi Yvonne,
Any chance you can link us to the site in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Sure thing. BTW, can you tell me why I no longer have a gap between the elements in the WPSP simple block on the home page?
For the title being cut off issue, can you go to customizer > additional CSS, try to remove the height: 5ex; from below CSS:
https://www.screencast.com/t/yt6ItiWGp
@media (min-width: 768px) {
.generate-columns-container article .entry-header .entry-title, .wp-show-posts article .wp-show-posts-entry-title {
line-height: 2.5ex;
height: 5ex;
overflow: hidden;
text-overflow: ellipsis;
}
}For the gap issue, can you try add this CSS to Customizer > Additional CSS:
.wpsp-card #wpsp-1471 .wp-show-posts-single.post {
margin-bottom: 2em !important;
}Let me know how it works!
Awesome! That works. I thought about changing the height, but deleting it works too! Many thanks!
You are welcome Yvonne :)
