Center .more-link

Hey there HillBagging,

This can be done by adding some custom CSS. The easiest way to do that would be to add it in your site using the following plugin

https://www.ads-software.com/plugins/simple-custom-css

Once the plugin is installed and activated you can add this code to Appearance >> Custom CSS:

a.more-link {
display: block;
text-align: center;
width: 180px;
margin-left: auto;
margin-right: auto;
}

This should center the continue reading link.

Have a nice weekend ??

Best regards,
Bojan

Hi,

Thanks for the reply. This works but when hovering over the continue reading link all the content below moves up one pixel?

TIA.

Hey there,

That is because the of the border that disappears when you hover on the link.

If you want to remove the border completely you can replace the above code with this one:

a.more-link {
display: block;
text-align: center;
width: 180px;
margin-left: auto;
margin-right: auto;
border-bottom: 0;
}

Best regards,
Bojan

Thanks ??

Hi again,

Glad I could help ??

Cheers,
Bojan