Simple Staff List
[resolved] Multiple staff images in a row (8 posts)

  1. cwcarter71
    Posted 3 years ago #

    I am looking to display staff members in a rows of three using Simple Staff List, but am confused on how to do it. When the [simple-staff-list] shortcode is input, it lists them in rows of one, aligned left. I need them three to a row with the name and position centered to the image. I looked at the template and played with that, but had no success. Does anyone know anything I can do to make this work?

    Thanks in advance for the help!


  2. leigh
    Posted 3 years ago #

    I too would like some help with this. I've read in other replies that you can set this through the CSS, but apparently my CSS skills leave much to be desired. Can you advise what CSS changes would be needed for the bios to stack in multiple columns as described above?


  3. brettshumaker
    Plugin Author

    Posted 3 years ago #

    Like Leigh said, you can achieve this through CSS.


  4. brettshumaker
    Plugin Author

    Posted 3 years ago #

    Here's a good (advanced) example link of someone displaying the staff members in rows. Ignore the code/CSS for the pop-up windows and look at the CSS for the main "boxes."


  5. bobnorris1
    Posted 3 years ago #

    I really need help with this, I have no idea how to do it. I LOVE the example above

  6. marlenacullen
    Posted 2 years ago #

    Could anyone please provide more specific direction/CSS on how to achieve rows/columns?


  7. Yedei
    Posted 2 years ago #

    I still don't know how to do this, the link you posted doesn't register. I'm a CSS newbie.
    First can you post a specific code on this here forum, to copy and paste into our css files?

    Second, do I make edits in the CSS file of the plugin directly or do I go to my child theme?


    Please, help.
    Thank you!

  8. Ar1sto15le
    Posted 2 years ago #


    Go to this link to get the CSS.

    You can find the CSS by viewing the main webpage in Developer Mode (View Source) in your browser. Once in the CSS, search around for 'staff' and you will find the link to the CSS code for that specific section.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Simple Staff List
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic