Hello,
Unfortunately, there is no option for ‘continue reading’ for the thumbnail style.
Hello, I had the exact same question about the ‘continue reading’ for the thumbnail style blog entry. It would definitely be nice if there was some sort of call to action option for that style blog entry. Is there some custom CSS that can be added to make that happen by chance?
Hello,
@temperancerose and @ehilliard, you can try the code below to add Continue Reading link on thumbnail style.
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.
@temperancerose, @ehilliard will you please confirm, your issue is resolved or not?
@apprimit Hi, sorry I didn’t see your response until just not. Thanks so much for your help! That worked like a charm. Sorry for my lack of coding knowledge as I am just starting to learn and get familiar but is there a line I can add in to edit the text that is being displayed? I’m trying to find out how and where to do that but haven’t figured it out yet. I’d just like to change it to say ‘read more’ instead of ‘continue reading’ to be consistent with the rest of my site. Thanks again!
Hi @apprimit. Apologies for the late response. Thanks so much for your help. That worked perfectly! I’ll wait for @ehillard then mark the issue as resolved.
Hi @temperancerose and @ehilliard, Just add the code in the functions.php file of the OceanWP child theme to change the ‘Continue Reading’ text.
function custom_read_more_text() {
return 'Read More';
}
add_filter('ocean_post_readmore_link_text', 'custom_read_more_text' );
Have a great day!
@apprimit Awesome! Thank you! That’s the trick.
@temperancerose Thanks for thinking of me, I’m all set on this topic.
