Archived topic
Align the Read More button
7 replies · Started by Patrick on January 19, 2020
Hi, I can't find a way to have the buttons aligned. Screenshot
The problem is sometimes the words are too long and generate only 3 excerpt rows instead of 2. Is there a way to solve this?
Thanks in advance
Hi there,
Try this CSS:
.generate-columns .inside-article {
display: flex;
flex-direction: column;
}
.generate-columns .inside-article .entry-summary {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.read-more-container {
margin-top: auto;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
thanks works perfectly
No problem :)
Hi.
I seem to have a similar problem when I put a button inside a grid column. I want to align the button to the bottom because the height of the text varies depending on page width. I worked out that I can set the minimum height of the grid column so I set it to 380px. How can I align my buttons to the bottom in this generate blocks info box? Is there some css that I can add to the customizer so I can apply an additional css class to the button?
Thanks,
Alan
Hi there,
see this topic for a solution:
https://generatepress.com/forums/topic/gb-button-bottom-alignment/#post-1618306
That's just what I needed David. That works perfectly. Thank you
Glad to be of help