Site logo

Archived topic

Adjusting Author Bio and Removing Link

3 replies · Started by Matt on June 3, 2021

Viewing posts 1–4 of 4

Hi, so I have the author box by following the instructions from a previous support post; however, my author bio description is in a small font and bunched up against the heading:

https://ibb.co/B6Vj6vH

I'd also like the remove the link to the author bio (orange dots) below it as well. I'm currently using the following CSS in the Additional CSS theme options:

.author-links a {
    font-size: 3em;
    line-height: 0.5em;
    float: right;
}

.author-box {
    padding: 4%;
    margin-top: 60px;
    font-size: 0.8em;
    display: flex;
    flex-wrap: wrap;
}

.author-box .avatar {
    width: 30px;
    border-radius: 100%;
    margin-right: 20px;
}

h5.author-title {
    margin-bottom: 0.5em;
}

And I'm using the following code for the Hook element:

<div class="author-box">
	<div class="avatar"><?php echo get_avatar( get_the_author_meta( 'ID' ));?></div>
	<h5 class="author-title"><?php printf( get_the_author_meta( 'display_name') );?></h5>
	<div class="author-summary">
		<p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p>
		<div class="author-links">
			<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" title="Read more">
			...
			</a>
		</div>
	</div>
</div>

Hey Matt,

That solution is a bit old and hard to tweak.

Have you considered using a dynamic block element option like this?
https://youtu.be/HMhUo91RjsE

Thank you, Leo! This is exactly what I needed.

No problem :)

This archived topic is closed to new replies.