Support » Plugin: Simple Staff List » Simple Staff List columns and rows

Viewing 4 replies - 1 through 4 (of 4 total)
  • I think I have figured it out, thanks.

    Could you tell me how you got this accomplished?

    Hi
    Sorry for the delay in responding.

    In ‘Templates’ on the plugin menu

    For ‘staff loop template’ i put the following code

    [staff_loop]
    <img class=”staff-member-photo” src=”[staff-photo-url]” alt=”[staff-name] : [staff-position]”>
    <div class=”staff-member-info-wrap”>
    [staff-name]
    [staff-position]

    [staff-email-link]
    </div>
    [/staff_loop]

    and then in the ‘Staff Page CSS’ i put the below code

    div.staff-member {
    width: 230px;
    height: 189px;
    overflow: hidden;
    float: left;
    margin: 5px 5px;
    border: 0px solid #6c6c6c;
    border-radius: 3px;
    position: relative;
    }

    I think that was it, it was a while ago I did this so I can’t quite remember. if that doesn’t work I will see if there was something else I did aswell.

    Dont use width in px, use %. As example width:25%, 24.5% or something like this.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Simple Staff List columns and rows’ is closed to new replies.