Site logo

Archived topic

Align the Read More button

7 replies · Started by Patrick on January 19, 2020

Viewing posts 1–8 of 8

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?

Uneven Buttons

Thanks,

Alan

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

Glad to be of help

This archived topic is closed to new replies.