Blog – Add Read more button

Hello ameliehub,

Refer following link https://en.support.wordpress.com/more-tag/

Hope this will helps you.

Thanks.

Hello,

Can you share your site link or a screenshot so that I can understand exactly where do you want to add read more button?

Hi,

If you are using the Thumbnail entry style for the blog entry. Please follow the below steps.

Step 1 – Download OceanWP Child theme, install and activate it. Here is the link for child theme and documentation how to properly install it – OceanWP Child Theme

Step 2 – Open the functions.php file of the child theme and add the code below.

if(!function_exists('read_more_on_thumbnail')) {
	function read_more_on_thumbnail() {
		$style = get_theme_mod( 'ocean_blog_style', 'large-entry' );
		if( 'thumbnail-entry' == $style ) {
			return get_template_part( 'partials/entry/readmore' );
		}
	}
	add_action('ocean_after_blog_entry_content', 'read_more_on_thumbnail');
}

Step 3 – Add the below CSS code in the Customize > Custom CSS section to style the continue link.

.blog-entry.thumbnail-entry .blog-entry-readmore a {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    padding-bottom: 3px;
    border-bottom: 1px solid;
    text-transform: uppercase;
	padding-bottom:7px;
	margin-bottom:10px;
}
.blog-entry.thumbnail-entry .blog-entry-readmore i.fa.fa-angle-right {
	margin-left:5px;
}

Hope it helps you. Let me know if you need any other help.