Multiple staff images in a row

Resolved cwcarter71
(@cwcarter71)

10 years, 10 months 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/

Viewing 7 replies - 1 through 7 (of 7 total)

leigh
(@leighcantergmailcom)

10 years, 10 months 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!

Plugin Author Brett Shumaker
(@brettshumaker)

10 years, 9 months ago

Like Leigh said, you can achieve this through CSS.

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

Plugin Author Brett Shumaker
(@brettshumaker)

10 years, 9 months 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/

bobnorris1
(@bobnorris1)

10 years, 9 months ago

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

marlenacullen
(@marlenacullen)

10 years, 7 months ago

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

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

Yedei
(@yedei)

10 years, 7 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!

Ar1sto15le
(@ar1sto15le)

10 years, 4 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