How to center link in a left align div

[fatcatgraphics]

Hello,

Im trying to style this recent posts here, Ive gotten it almost how I want it except I cant seem to figure out how to center align the read more button with out also center aligning the paragraph above it.
The site is: http://2e6.274.myftpupload.com/

Im using this on the page:
[x_recent_posts class=“blogposts” count=“3” show_excerpt=“true” ]

Appreciate any help,
Rena

[nabeel]

Hi there,

Thanks for writing in! To center align just the button, you can add the following code in the Theme Options > CSS:

.x-recent-posts-content span.readmore {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    margin-top: 5px;
}

To learn more about center aligning elements please see https://css-tricks.com/centering-css-complete-guide/

Cheers!