queue  4
support
Results 1 to 10 of 10

Thread: [SOLVED] 5 Staff Members in a row

  1. #1

    5 Staff Members in a row

    hi there

    tried to add another staff member to my site. now the 5th member is on a second row...
    how can i have all 5 members in one row?

    thanks!

  2. #2
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Hello, apologies for delay.

    Please add this to Custom CSS field in Theme Options panel:
    Code:
    @media (min-width: 801px) {
    #portraits li {
    margin: 0 5px 5px;
    width: 18%;
    }
    }

  3. #3
    hey ante, thanks for your answer... no problem. i wasn't in a hurry and changed it today...
    something is not perfect, the 5th character is now on a second line, but i wanted all 5 staff-members in a row...

    look here: http://www.as-zwi.ch/#firma

  4. #4
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Hi, for some reason you have this in your Custom CSS, that's what causing them to be 4 in a row:
    Code:
    #portraits li {
    	width: 20%;
    }

  5. #5
    when i deactivate or delete this code, the 5th staff-picture is not horizontal to the others... why is that? strange! =D

    thanks for the help

  6. #6
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Hi, this css should help:
    Code:
    #portraits li {
    vertical-align: top;
    }
    
    #portraits li .email:empty,
    #portraits li .email:empty ~ br {
    display: none;
    }

  7. #7
    that's it... thank you ante!

  8. #8
    hi ante, i've added another staff-member. now it's a second row again... can we push that one upwards to get one row again? =)

  9. #9
    any help here? =)

  10. #10
    Hi Folks
    The Theme is not supported anymore, but until we have a new website i still need to change some parts.
    we have 3 new Staff-Members now, and i want to add them. All new created Members are not gonna show up on the website...

    ///edit - dummie, just found out, that i need to edit the page.
    Last edited by luziusalbin; 09-05-2017 at 08:04.