[Resolved] Align the Read More button

[Patrick]

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

[Leo]

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 🙂

[Patrick]

thanks works perfectly

[Leo]

No problem 🙂

[Alan]

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?

Uneven Buttons

Thanks,

Alan

[David]

Hi there,

see this topic for a solution:

https://generatepress.com/forums/topic/gb-button-bottom-alignment/#post-1618306

[Alan]

That’s just what I needed David. That works perfectly. Thank you

[David]

Glad to be of help

[Author]

Posts