Support » Plugin: Simple Staff List » Information to the right of the staff picture

  • 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 (it will be changing as I continue to try and figure this out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi
    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….


    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?

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Information to the right of the staff picture’ is closed to new replies.