Author Avatars List
[resolved] show_biography edit CSS (5 posts)

  1. fanatical_g
    Posted 3 years ago #

    Hi, I've been trying to figure this out for hours. How do I edit the CSS for the biography? Right now it aligns to the center, I'd like to have it align left next to the image and maybe have a divider below if possible.

    Any help will be GREATLY appreciated!


  2. Marventus
    Posted 3 years ago #


    It is really hard to help you without a link to your site.


  3. compukol
    Posted 3 years ago #

    I have the same problem. The bio is centered instead of left justified. How do I fix that?

    You can see the problem here:

  4. Marventus
    Posted 3 years ago #

    If you want to justify the text in your bio section, add this in your main style sheet:

    .author-list p {
        text-align: justify

    However, that won't affect your images, which would still be centered. If I were you, I would force them to align with the text and wrap the text around it. To do so, add these styles:

    .user.with-name.with-biography > a {
        float: left;
        margin-right: 8px 10px 0 0;

    If you want to add more empty space between authors for clarity, add this too:

    .user.with-name.with-biography {
        margin-bottom: 15px;


  5. Paul Bearne
    Plugin Author

    Posted 3 years ago #


    Thanks for posted the CSS

    When we created this we tried to be very light with the CSS so that you could modified it to match you theme but it does mean that you might need to add some CSS to get it just right

    It was a design call made at the time and I am very nervous to make any changes to the the current CSS as it will affect all sites using the plug-in.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Author Avatars List
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic