dahows

I’m a css noob so there is probably a better way to do this but I found it to work for what I wanted.
I wanted pic on the left with name, title, email to the right of the picture and the bio below; finally a line separating each staff member

You can see it in action here: http://bmworegoncca.com/about/our-board/

Staff Loop

[staff_loop]
	 <img class="staff-member-photo" src="[staff-photo-url]">
	<div class="staff-member-info-wrap">
		[staff-name-formatted]
		[staff-position-formatted]
                [staff-email-link]
	</div>
<div class="staff-member-info-wrap-1">
	        [staff-bio-formatted]
	</div>
[/staff_loop]

CSS

/*  div wrapped around each staff member  */
div.staff-member {
     padding-top: 2em;
     padding-bottom: 1em;
     border-bottom: thick solid black;
     border-bottom: thin solid #303030;
	width:100%;
}

/*  [staff-photo]  */
img.staff-member-photo {
	float: left;
	width:15%;
}

/*  Wrap around staff info  */
.staff-member-info-wrap {
	float:right;
	width:83%;
}
.staff-member-info-wrap-1 {
        padding-top: 10em;
	width:95%;
}

Hi Brett,

Cool plugin, thanks for providing it. I’m having a similar conflict with Akismet. When Simple Staff List is enabled, Akismet cannot connect to the servers. As soon as I disable Simple Staff List, connectivity for Akismet works like a champ. Any ideas?