[Support request] Center 'More Posts' Button

[Emma]

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

[David]

Hi there,

you can give this CSS a shot:

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

[Emma]

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.

[David]

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;
}

[Author]

Posts