Author Bio Link

<div class="author-box">
    <div class="avatar">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), 250 ); ?>
    </div>
    <div class="author-info">
        <h5 class="author-title" itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name"><?php printf( get_the_author_meta( 'display_name') );?></span>
        </h5>
        <div class="author-summary">
            <p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p></div>
<!--                    <div class="author-links">
            <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), ); ?>" title="Read more">
                ...
            </a>
        </div> -->
    </div>
</div>

Hi there,

Looks like you've commented out the author links with this?
<!-- and -->:
https://www.w3schools.com/tags/tag_comment.asp

Thanks. Now, I have removed both the <!-- and -->

But how to replace the three-dot icon with Read More Posts text?

Hi there,

You should be able to simply replace ... in the code with Read More Posts.

Let us know :)

Hi, Tom.

The font size is big enough and overlapping the bio description.

Check the screenshot: https://prnt.sc/u6cqn7

The negative margin-top in this CSS is causing the issue:

.author-links a {
    margin-top: -1.5em;
    font-size: 2em;
    line-height: 2em;
    float: left;
}

Thanks for the excellent support.

No problem :)