Simple Staff List
Information to the right of the staff picture (4 posts)

  1. john.zahorsky
    Posted 2 years ago #

    I can get one line of information next to the staff picture. Then code I am using is as follows.

    <img class="textmiddle" src="[staff-photo-url]" alt="[staff-name] : [staff-position]">
    <font size="4"> [staff-name]</font>
    [staff-email-link] </br>
    <div class="staff-member-info-wrap">
    </div> </p>

    With the following added to css
    CSS: .texttop {vertical-align:top;}
    .textmiddle {vertical-align:middle;}

    What I get is Name, position, and phone on one line next to the picture and the email below. I would like Name, position, and phone as three separate lines next to the picture. Any thoughts?

    the page is http://www.edenautism.org/staff-directory (it will be changing as I continue to try and figure this out.


  2. cjc1867
    Posted 2 years ago #

    I used the following code:

    	<img class="staff-member-photo leftfloat rightpadding" src="[staff-photo-url]" alt="[staff-name] : [staff-position]">
            <ul class="cwl-staff leftfloat">
    		       <li>Email: [staff-email-link]</li>
    	<div class="staff-member-info-wrap clearboth">
    		<ul class="cwl-staff">

    .cwl-staff {list-style: none; margin-left: 0 !important;}
    .cwl-staff li {margin-top: 5px; margin-bottom: 5px;}
    .leftfloat {float: left;}
    .rightpadding {margin-right: 30px !important; margin-bottom: 10px;}

    Hopefully I haven't missed anything out....


  3. Lorifellow
    Posted 1 year ago #

    Colin - I don't quite understand the layout of your answer. Do you mean we should insert the "CSS:" portion into the lines of the "Staff Loop" portion? If so I tried and nothing changed. Should I assume I entered it in the wrong places?

  4. gfbhwo
    Posted 1 year ago #

    The CSS portion goes in the box below where it says: "Add your custom CSS below...".

    Also the above is missing one line in the CSS:

    .clearboth {clear: both;}

    I found that the use of the "h3" tags was a bit too much; it made the RHS of the entry too big. Instead of:

    I used:

    Other than that, very useful thank you Colin

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Simple Staff List
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic