[Resolved] Author Bio Link

[Rohan Verma]

I’m using the below hook element but it doesn’t show author archive URL at the end of the bio “Read More”.

Can you tell me what’s wrong with this code or is there anything else causing the issue?

<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>" title="Read more">
                ...
            </a>
        </div> -->
    </div>
</div>

[Rohan Verma]

<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>

[Leo]

Hi there,

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

[Rohan Verma]

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

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

[Tom]

Hi there,

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

Let us know 🙂

[Rohan Verma]

Hi, Tom.

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

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

[Leo]

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;
}

[Rohan Verma]

Thanks for the excellent support.

[Leo]

No problem 🙂

[Author]

Posts