• https://www.onevolleyball.net/staff-bio-draft/

    I have built the above page with the Simple Staff List Plugin, and I want to change a few things, but I am not comfortable doing much with the template out ofy fear I might mess it up. The look is very cold because of the font mostly. What can I change to make it look less like early model computer text? Thanks – Darin

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Brett Shumaker

    (@brettshumaker)

    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.

    Thread Starter backpackin

    (@backpackin)

    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;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Overall appearance’ is closed to new replies.