- This topic has 22 replies, 4 voices, and was last updated 2 years, 10 months ago by Matt.
-
AuthorPosts
-
June 1, 2020 at 11:14 pm #1310643gofooddy
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
June 2, 2020 at 4:07 am #1310942DavidStaffCustomer SupportHi there,
can you raise a new topic so its easier for you and other users to find the answer in the future
June 2, 2020 at 11:15 pm #1312031gofooddySure thanks
March 30, 2021 at 8:00 am #1715551SabbirHi,
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
March 30, 2021 at 8:02 am #1715553LeoStaffCustomer SupportPlease open a new topic for your question and link us to the page in question.
Thanks!
June 3, 2021 at 12:54 pm #1809236MattHi, 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:
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>
June 3, 2021 at 12:59 pm #1809241LeoStaffCustomer SupportPlease open a new topic for your question.
Thanks!
June 3, 2021 at 1:07 pm #1809257MattWill do
-
AuthorPosts
- The topic ‘Author Box’ is closed to new replies.