Showing authors on a grid…

  • Resolved ElTaino

    (@eltaino)


    4 years, 8 months ago

    Hello there!
    Thanks for this plugin, I have it installed for a while now but decided to deactivate it until I had some free time to work with it. Out of the box, the plugin is very intuitive and easy to use so thanks for making it available. However, I see no option as how to display my fellow contributors in say 3 thumbnails per row? All I get is a long vertical string of authors that occupy too much space and scrolling. Is there a way to correct this? I don’t see any in the settings.

    Thanks so much ahead of time for your help.

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Paul Bearne

    (@pbearne)

    you will need to use a little bit of CSS

    If you turn it back I will have look for

    you need to set the avatar div to float: left and set the width to 33% ish so that you get rows of 3

    Paul

    Thread Starter ElTaino

    (@eltaino)

    Paul, thanks so much for your speedy reply. The plugin is back on. It is on the right column of the site.

    Plugin Author Paul Bearne

    (@pbearne)

    sorry can’t see them

    Thread Starter ElTaino

    (@eltaino)

    Paul, this is very odd. After your 1st reply, I went back and noticed that the widget was deleted but the plugin was still active. I added it to the sidebar again and it was showing again (in a vertical strip), but then out of the blue disappeared. I did purge my cache and still not showing.

    Thread Starter ElTaino

    (@eltaino)

    Is back, had a toggle wrongfully checked.

    Plugin Author Paul Bearne

    (@pbearne)

    add this ccs

    body .widget_author_avatars .author-list .user {
    float: left;
    width: 46%;
    height: 128px;
    }
    body .widget_author_avatars .author-list .user a{
    font-size: 13px;
    line-height: 1em;
    }

    This makes it 2 wide 3 wide didn’t work with the amount of text you have

    Plugin Author Paul Bearne

    (@pbearne)

    You can increase the image site if want in the settings

    Thread Starter ElTaino

    (@eltaino)

    Thanks so much for your help, Paul. I really appreciate it. I was wondering if it’s possible to have 3 authors per row and downsize the font size on their names. I deactivated the ”show the latest post” feature on the plugin to save some space.

    Thanks again and have a wonderful weekend.

    Plugin Author Paul Bearne

    (@pbearne)

    yes you can play with the width and font size to see what works

    Thread Starter ElTaino

    (@eltaino)

    Are those parameters fixable via the widget or CSS?
    I don’t see an option on the widget settings.

    Plugin Author Paul Bearne

    (@pbearne)

    just change the CSS to 3 in row and font size
    Adjust the height as well

    The image is set in the widget

    Thread Starter ElTaino

    (@eltaino)

    Sorry Paul, I did try but couldn’t figure it out. Bear with me, I’m not that good with coding. I modified the text size on the CSS lines you provided above, but it doesn’t seem to do any change. As for the 3 avatars per line, I don’t know which line to fix :o(

    Plugin Author Paul Bearne

    (@pbearne)

    change width: 46%; to width: 32%; (ish)

    Use the customizer and add/modify in additional CSS this will show you in real-time the changes (then publish when happy)

    Thread Starter ElTaino

    (@eltaino)

    Paul, I managed to do the 3 avatar per row. But the font doesn’t seem to react to the 6pt value I’m entering and overlaps between members.

    body .widget_author_avatars .author-list .user {
float: left;
width: 28%;
height: 128px;
}
body .widget_author_avatars .author-list .user a{
font-size: 6px;
line-height: 1em;
}
Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Showing authors on a grid…’ is closed to new replies.