Read More Link

You could do something like this:

add_filter( 'excerpt_more','tu_image_read_more', 100 );
add_filter( 'the_content_more_link','tu_image_read_more', 100 );
function tu_image_read_more()
{
    return '<img src="http://playerwags.com/wp-content/uploads/2014/07/read-more-logo23.png" alt="read more" />';
}

Adding PHP: https://generatepress.com/knowledgebase/adding-php-functions/

Tom.

That worked...you are the man. two more question, the read more image is not linked to the post and now its showing at a bigger size...not the original size because I have all "entry-content images" set to 100%. The reason I'm doing this is because all of the prior uploaded images in my existing blog are too small to fill the container's width.

How can I make the "red more image" link to the post and show its original size..but keep the content images at 100% width Hope this makes sense...

Screenshot below

http://playerwags.com/wp-content/uploads/2016/10/sample.png

My CSS is currently set like this...

.entry-content img {
width: 100%;
height: auto;

Thanks,

Try this:

add_filter( 'excerpt_more','tu_image_read_more', 100 );
add_filter( 'the_content_more_link','tu_image_read_more', 100 );
function tu_image_read_more()
{
    $link = get_permalink();
    $title = get_the_title();
    return '<a href="' . $link . '" title="' . $title . '"><img class="read-more-image" src="http://playerwags.com/wp-content/uploads/2014/07/read-more-logo23.png" alt="read more" /></a>';
}

Then add this CSS:

.entry-content .read-more-image,
.entry-summary .read-more-image {
    width: auto;
}

Hope this helps :)

Hey Tom,

That did the trick. Everything works great now. Thank you so much for your awesome customer service and support.

Thanks.

You're very welcome :)