Archived topic

How do I align center and reduce margins of these 'read more' buttons?

5 replies · Started by Andy on November 14, 2020

Viewing posts 1–6 of 6

November 14, 2020 at 3:54 pm #1531547

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?

Thank you

November 14, 2020 at 4:16 pm #1531572

Hi there,

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

November 14, 2020 at 5:41 pm #1531608

Hi Leo,

Good question -- both desktop and mobile thank you!

November 14, 2020 at 6:01 pm #1531611

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

November 14, 2020 at 6:38 pm #1531624

Thank you!

November 15, 2020 at 10:00 am #1532492

No problem :)

This archived topic is closed to new replies.