Avatar Shape and Size , Font Type

  • Resolved petners

    (@petners)


    4 years, 3 months ago

    hi @wpkube. can you help me to :
    1. make the avatar shape into circle?

    2. change the type of font for each title , bio, and link “view posts separately?
    as I see in https://dev-blood-and-milk.pantheonsite.io/authors/ AND https://reformai.com/lista-autores/, they use your plugin and it seems so beautiful, meanwhile in my website it seems so stiff.

    3. change the style of author list as I see also in those websites.

    4. why if i use style=”2” and i adjust the avatar_size under 400, the picture is smaller, but the frame is still on its original size (400), so the frame exceeds the picture.

    5. change the name of subtitle “view posts –> ” into “view profile –>”

    please kindly help, thankyou!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author WPKube

    (@wpkube)

    Hi @petners

    1) This goes in WP admin > Appearance > Customize > Additional CSS:

    .authors-list-item-thumbnail img { border-radius: 50%; }

    2) The plugin doesn’t apply it’s own fonts, it inherits the font that the theme uses, you could change it with CSS:

    .authors-list-item-title {
    font-family: "Font Family Here";
}
.authors-list-item-excerpt {
    font-family: "Font Family Here";
}
.authors-list-item-link {
    font-family: "Font Family Here";
}

    3) That’s style 4:

    [authors_list style="4"]

    But by default the text wraps around the image, if you want the text not to wrap around it, this is the CSS:

    .authors-list-item-main { overflow: hidden; }

    4) Style 2 is with the avatar as a background for the main content (name, description, link). So it needs to be large enough to cover the whole area. Style 4 is the one you want.

    5) The text strings are localized so they can be translated using any WP plugin translation system. My suggestion is https://www.ads-software.com/plugins/loco-translate/.

    But you could also use a CSS trick, check out https://www.ads-software.com/support/topic/change-view-posts/

    Thread Starter petners

    (@petners)

    Hi @wpkube , thankyou so much for helping me.
    i decided to go with style 3,

    i’m sorry i have followup questions.
    i use style 3 with circle avatar shape, when you hover the author image, the pop up box is square and we have the name of the author in upper left corner of the box. is it possible to make the pop up box also in circle shape (so it matched with the author image), and make the author name centralized in the middle of the box?

    i’m sorry if i ask a lot. thankyou for your help once again!

    Plugin Author WPKube

    (@wpkube)

    Hi @petners

    Try the following:

    .authors-list-item-main {
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
 }
    Thread Starter petners

    (@petners)

    thankyou, @wpkube . it works!!!

    Plugin Author WPKube

    (@wpkube)

    You’re welcome @petners

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Avatar Shape and Size , Font Type’ is closed to new replies.