WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. cwcarter71
    Member
    Posted 1 year 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!

    http://wordpress.org/extend/plugins/simple-staff-list/

  2. leigh
    Member
    Posted 1 year 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?

    Thanks!

  3. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    Like Leigh said, you can achieve this through CSS.

    http://stackoverflow.com/questions/309769/css-block-elements-on-a-line

  4. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year 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."

    http://lokafy.com/paris/

  5. bobnorris1
    Member
    Posted 12 months ago #

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

  6. marlenacullen
    Member
    Posted 10 months ago #

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

    http://dev.salonbluhair.com/salons/midtown/stylists/

  7. Yedei
    Member
    Posted 9 months 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?

    http://www.guidingthejourney.org/4-2/our-staff/

    Please, help.
    Thank you!

  8. Ar1sto15le
    Member
    Posted 6 months ago #

    http://lokafy.com/wp-content/themes/attitude/simple-staff-list-custom.css?ver=3.5.1

    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.

    Goodluck

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic