Center "Read More" link in Genesis

[mairagall]

Hello! I've read every topic related to the read more link and still can't do a simple thing like center it.

I'm using Genesis Sample theme and this is my current CSS:

a.more-link{
background: #343b4d;
padding:5px 10px;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin:0 auto;
text-align:center;
}

I also tried adding .content before the a.more-link, as someone suggested in the forum.

I think the problem is that the link is placed inside a p and I can't center only that p inside the post content.

This is the function I've added to change the link text:

//* Modify the WordPress read more link
add_filter( 'the_content_more_link', 'sp_read_more_link' );
function sp_read_more_link() {
	return '<a href="' . get_permalink() . '">Continue Reading</a>';
}

I appreciate any suggestion.

Thanks in advance!

[mairagall]

Fixed! I added display:block; and width:33%; to the previous CSS. I have to check how this works in small screens and do the necessary modifications.

[Author]

Posts