[Plugin: Author Avatars List] Display authors side by side

  • mugilan02

    (@mugilan02)


    14 years, 10 months ago

    Dear buddy,

    I’ve recently came across the plugin and a good one indeed – a plugin that i was looking for. Unfortunately when I add the widget to my sidebar, instead of displaying the authors in a group ( cloud ) it is being displayed line by line, one author on each line.

    My Website: http://hotfriendsterlayouts.com/
    Sidebar on right, see the bottom of the sidebar.

    How can I display the authors side by side like these websites,
    http://www.wildmind.org/author/kulananda or
    http://www.elizabethannedesigns.com/living

    Another thing I would like to know, how I can make the widget to display authors only with avatars? ( if you see, some of them dont have avatar )

    Thanks in advance.

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • typebee

    (@typebee)

    14 years, 10 months ago

    Hey, Thanks for your support. I didn’t find any problems with the stylesheet. I Googled and found this additional css which I modified — and now the avatars are clickable in IE too. http://bavotasan.com/tutorials/how-to-display-an-author-list-with-avatars-in-wordpress/ I had specified only the image, but when I styled li and .with-name, it worked.

    Thanks for your help! The Author-Avatar plugin is terrific. I hope the upgrade to 2.8 won’t break any of this plugin’s functions.

    livebydesign

    (@livebydesign)

    14 years, 2 months ago

    I have been wrestling with your widget, trying to get it not to wrap into the widget below it.

    My site is http://www.thezeitgeiststudios.com/blog/

    If anyone knows how to do this I would appreciate the help.

    Thanks bforchammer for the awesome widget!!

    Ben

    (@bforchhammer)

    14 years, 2 months ago

    livebydesign: in your style.css remove “float: right;” from the img.avatar rule; now the avatars should be centered in the widget area…

    Now to make the avatars be on the right or left side add the following to your style.css, and set text-align to “left” or “right” respectively:
    html .multiwidget_author_avatars .author-list { text-align:left; }

    livebydesign

    (@livebydesign)

    14 years, 2 months ago

    Your a genius!!! It looks great! Thanks!

    livebydesign

    (@livebydesign)

    14 years, 2 months ago

    Ok, one more question. if you look at my site http://www.thezeitgeiststudios.com in safari or chrome the avatar_authors widget looks great, but in firefox the right side gets pushed over to the next row. Any thoughts?

    Ben

    (@bforchhammer)

    14 years, 2 months ago

    Probably too much padding on .multiwidget_author_avatars .author-list .user; you can try reducing it or using a fixed pixel value instead of em.

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • The topic ‘[Plugin: Author Avatars List] Display authors side by side’ is closed to new replies.