[Support request] Help with Autor Box

[Sonja]

Like in this Post https://generatepress.com/forums/topic/how-to-add-author-box-and-notification-bar/page/2/ I have setup an Author Box.

But I have no avatar and no coloured box. But i have instaled the plugin for

In the url, you see how it looks like

[Sonja]

So, the plugin that was mentioned, doesn´t seem to work. Also on user profile backened, i can see no gravatar, although i have tried both methods to upload and choose one.

Is it possible to take an pic from the library without any plugin?

And how do i get a coloured background for my author box?

[David]

Hi there,

edit this line of the PHP:

<div class="avatar"><?php echo get_avatar( get_the_author_meta( $author_id )); ?></div>

This time we’ll replace the PHP with an image like so:

<div class="avatar"><img src="full_url_to_your_media_attachment" width="50" height="50"></div>

To add a colored background look for this CSS and include the background-color property i have adder here:

.author-box {
    padding: 4%;
    margin-top: 60px;
    font-size: .8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #ccc; /* Adjust color to suit */
}

[Sonja]

Hi David,

perfect, that works well. And even better, without a nasty plugin. Thanks a lot.

[David]

Awesome – glad to be of help 🙂

[Author]

Posts