[Resolved] Author Bio Link

Home Forums Support [Resolved] Author Bio Link

Home Forums Support Author Bio Link

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1417613
    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>
    #1417614
    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>
    #1417685
    Leo
    Staff
    Customer Support

    Hi there,

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

    #1417993
    Rohan Verma

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

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

    #1418103
    Tom
    Lead Developer
    Lead Developer

    Hi there,

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

    Let us know ๐Ÿ™‚

    #1419331
    Rohan Verma

    Hi, Tom.

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

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

    #1419483
    Leo
    Staff
    Customer Support

    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;
    }
    #1420655
    Rohan Verma

    Thanks for the excellent support.

    #1420674
    Leo
    Staff
    Customer Support
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.