[Support request] Author Box

Home Forums Support [Support request] Author Box

Home Forums Support Author Box

Viewing 8 posts - 16 through 23 (of 23 total)
  • Author
    Posts
  • #1310643
    Manoj

    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

    #1310942
    David
    Staff
    Customer Support

    Hi there,

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

    #1312031
    Manoj

    Sure thanks

    #1715551
    Sabbir

    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

    #1715553
    Leo
    Staff
    Customer Support

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

    Thanks!

    #1809236
    Matt

    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>
    #1809241
    Leo
    Staff
    Customer Support

    Please open a new topic for your question.

    Thanks!

    #1809257
    Matt

    Will do

Viewing 8 posts - 16 through 23 (of 23 total)
  • The topic ‘Author Box’ is closed to new replies.