x

How do I center the "Read More" button on blog posts?

when I add the read more button on a blog post, it auto aligns left. looks wierd on desktop and not as terrible on mobile. There is no option to edit or center the button? I tried putting spacers on both sides and in the builder looked like it would work, but then published in only bumped the button down a spot. Is there something in a template somewhere to make the read more button always centered?

348 Views
Message 1 of 3
Report
1 Best Answer

Best Answer

@ktmhocks37 In the Site Editor, click "Settings" then "SEO" in the left-hand sidebar then scroll down to the "Header Code" box. Paste in the following code:

<style>
.blog-post .blog-read-more {
    text-align: center!important;
}
</style>

View Best Answer >

337 Views
Message 4 of 3
Report
2 REPLIES 2

Best Answer

@ktmhocks37 In the Site Editor, click "Settings" then "SEO" in the left-hand sidebar then scroll down to the "Header Code" box. Paste in the following code:

<style>
.blog-post .blog-read-more {
    text-align: center!important;
}
</style>
338 Views
Message 4 of 3
Report

Thanks, that worked.

318 Views
Message 4 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.