Author avatar?

  • Author
    Posts
  • #153974
    dblacombe
    Member

    Hi there!

    Does anyone know how to put the author’s avatar beside each article in the feed OR at the top of each blog post instead of the little person icon?

    Cheers,

    Doug

    The blog I need help with is: (visible only to logged in users)

    #154003
    anarieldesign
    Theme Author

    Hi,

    thank you for using our theme.

    The only way to do this is using a Custom CSS:

    .bloggy-user:before {
        content: none;
    }
    
    span.bloggy.bloggy-user {
        height: 80px;
        width: 80px;
        background-image: url(https://thebillreportca.files.wordpress.com/2020/04/no-cars-1.png?w=640);
    }

    You’ll need to upload your own image into media and to copy and paste link instead of this:

    Hope this helps.

    All the best,
    Ana

    #154054
    dblacombe
    Member
    Original poster

    Awesome! That just about solved it, thank you!

    Can you please look at the site now and tell me if there’s any way to vertically center the author’s name with the photo?

    Cheers,

    Doug

    #154055
    dblacombe
    Member
    Original poster

    Oops, I meant horizontally!

    <pic>
    <pic><author name>
    <pic>

    #154058
    dblacombe
    Member
    Original poster

    OMG, I must be brain dead from isolation. Vertically was right in the first place.

    Sorry :-(

    #154066
    anarieldesign
    Theme Author

    Hi,

    no worry. You can use this in Custom CSS:

    span.author {
        position: absolute;
        margin-top: 29px;
    }

    Hope this helps.

    All the best,
    Ana

    #154077
    dblacombe
    Member
    Original poster

    That is perfect! Thanks for such great support and such an attractive and functional theme!

    Cheers,

    Doug

    #154078
    anarieldesign
    Theme Author

    You are very welcome. Happy you like it :)

  • The topic ‘Author avatar?’ is closed to new replies.