Archived topic

Center 'More Posts' Button

3 replies · Started by Emma on July 23, 2018

Viewing posts 1–4 of 4

July 23, 2018 at 5:54 am #630526

Hi,

I have infinite scroll enabled on my blog page with a 'more posts' button to load additional posts. This is fine but I'd like to center this button, can you advise how I can do this?

Thanks

July 23, 2018 at 6:00 am #630534

Hi there,

you can give this CSS a shot:

.load-more {
    text-align: center;
}

July 23, 2018 at 6:53 am #630586

That's great, thank you. I've tried to change the color also using css but this doesn't seem to be working. If you could advise how to do this too that would be really helpful.

July 23, 2018 at 7:00 am #630603

OK, so the read more button respects the button colors set in the Customiser > Colors > Buttons, to change it independently you can do this:

.load-more a.button, .load-more a.button:visited {
    background-color: #444;
}
.load-more a.button:hover {
    background-color: #666;
}

This archived topic is closed to new replies.

Start building better websites today.