Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter shamy78

    (@shamy78)

    I think I have figured it out, thanks.

    Could you tell me how you got this accomplished?

    Thread Starter shamy78

    (@shamy78)

    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.