[Resolved] How do I align center and reduce margins of these ‘read more’ buttons?

[Andy]

Hi there,

Currently, my ‘read more’ buttons are left-aligned and have a lot of space above and below.

Question: How do I center align these ‘read more’ buttons? Also, how do I reduce the top and bottom margins of the ‘read more’ buttons?

Desired result:
https://imgur.com/a/WsBVmo6

Thank you

[Leo]

Hi there,

Are you referring to the mobile view only or both desktop and mobile?

[Andy]

Hi Leo,

Good question — both desktop and mobile thank you!

[Leo]

Edit this:

.read-more-container {
    margin-top: auto;
}

To this:

.read-more-container {
    margin-top: auto;
    text-align: center;
}

You also have this random CSS that’s not doing anything so please remove that:
https://www.screencast.com/t/Hbp25e8vV

[Andy]

Thank you!

[Leo]

No problem 🙂

[Author]

Posts