Hi Darin –
It looks like your theme doesn’t set a fallback font family for your website. Simple Staff List doesn’t set one either – it prefers to use the font family set by the theme so it blends in better.
That being said, I took a look at your site and if you paste this into the “Staff Page CSS” box, it should fix the display of your staff members:
.staff-member {
font-family: Lato, sans-serif;
}
Let me know if you have more questions.
Brett,
Thanks for helping. It didn’t seem to make any adjustments.
Here is a copy of the entire CSS from the page. I don’t know if my addition to the CSS is accurate; see the end of the string.
This is my first time messing with the CSS. I only started building with WordPress earlier this year.
Thanks,
Darin
/* div wrapped around entire staff list */
div.staff-member-listing {
}
/* div wrapped around each staff member */
div.staff-member {
padding-bottom: 2em;
border-bottom: thin dotted #aaa;
}
/* “Even” staff member */
div.staff-member.even {
}
/* “Odd” staff member */
div.staff-member.odd {
margin-top: 2em;
}
/* Last staff member */
div.staff-member.last {
padding-bottom: 0;
border: none;
}
/* Wrap around staff info */
.staff-member-info-wrap {
float: left;
width: 70%;
margin-left: 3%;
}
/* [staff-bio-formatted] */
div.staff-member-bio {
}
/* p tags within [staff-bio-formatted] */
div.staff-member-bio p {
}
/* [staff-photo] */
img.staff-member-photo {
float: left;
}
/* [staff-email-link] */
.staff-member-email {
}
/* [staff-name-formatted] */
div.staff-member-listing h3.staff-member-name {
margin: 0;
}
/* [staff-position-formatted] */
div.staff-member-listing h4.staff-member-position {
margin: 0;
font-style: italic;
}
/* Clearfix for div.staff-member */
div.staff-member:after {
content: “”;
display: block;
clear: both;
}
/* Clearfix for <= IE7 */
* html div.staff-member { height: 1%; }
div.staff-member { display: block; }
.staff-member {
font-family: Lato, sans-serif;
}
