Author Box

Hi David,

Thanks so much for the response. I have implemented it on site and looks good. I got another question about author. I want to show a static author data also as a widget in right side bar. Just like a small About section. How can I achieve it ?

Thanks

Hi there,

can you raise a new topic so its easier for you and other users to find the answer in the future

Sure thanks

Hi,

When i use the CSS:

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

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

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

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

It's conflicting with my menu bar: https://prnt.sc/1100zul

How can I solve this

If I cut those line from CSS:
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;

Problems have gone, but the Author image is not good looking

Please open a new topic for your question and link us to the page in question.

Thanks!

Hi, so I have the author box by following the previous instructions; 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>

Please open a new topic for your question.

Thanks!

Will do