Display more staff on homepage

This support request was posted in Paeon by toshi1989

Request ID #32148 Resolved
  • Dear Sir or Madame,

    I didn´t find the solution for my problem.
    I want to display more “staff” member on the homepage.
    How can I display more staff member “rows” with 4 member per row? E.g. I want di display 20 Staff member on the homepage.

    Thanks in advance for your help

    Best
    Alex

    Juanfra Aldasoro

    Hi Alex,

    Thanks for writing. I hope you are doing well.

    You can modify the amount of services and staff with a few filters that we have included for the theme.

    For example to modify the number of staff members to display: https://gist.github.com/juanfra/e54eca1ea8d6cf1872cc

    And for the services: https://gist.github.com/juanfra/c4dd6ee3aca27231cf53

    You should include these codes in the functions.php file of your theme (or child theme).

    Best,
    Juan.

    Dear Juan,

    Thanks for your fast reply.
    I think the links are broken. I will only be linked to a 404 error Page.

    Do you have any other links according the solution?

    Thank you very much
    Best
    Alex

    Juanfra Aldasoro

    Hi Alex,

    Thanks for the follow-up.

    Sorry for that, I’ve changed my username so the URL changed. I’ve updated the previous message. The correct links are the following:

    For staff members: https://gist.github.com/juanfra/e54eca1ea8d6cf1872cc

    And for the services: https://gist.github.com/juanfra/c4dd6ee3aca27231cf53

    Best,
    Juan

    Dear Juan,

    cool! Thanks for the update

    Best,
    Alex

    I tested it, but I have still one more question.
    With this filter I can set up the number of staff member. But if I set it to all, all staff member will be displayed in one row.

    Is it possible to display 4 rows with 4 staff member per row?
    I tried to copy the function, but then my theme crashed 😀

    Thanks in advance for your help again

    Best

    Alex

    Juanfra Aldasoro

    Hi Alex,

    Thanks for the follow-up.

    Theoretically, when you copy the code I’ve sent you to your functions.php the result would be what you are asking for, having all the staff members in 4 columns, and in different rows.

    How did you copy the code? Please click on the “Raw” button, and then copy from line 4 onwards.

    Thanks,
    Juan.

    Dear Juan,

    Thanks for your fast reply.

    Yes, I did it like you wrote it. I copied the lines 5 – 13 into my Paeon: Theme-Funktionen (functions.php) at the end below
    /**
    * You can add your code below =)
    */

    But than, all “staff member” were displayed in one row. Do you have any ideas?

    Thanks you very much for your help

    best
    Alex

    Juanfra Aldasoro

    Hi Alex,

    Thanks for the follow-up.

    Please try adding the following custom CSS to the Custom CSS option within the theme options panel:

    .home-staff ul {
        display: initial !important;
    }
    

    Best,
    Juan.

    Dear Juan,

    yeeeeeeeah! great! That´s it 🙂
    Thank you very much for this solution. You helped me a lot.

    All the best
    Alex

    Juanfra Aldasoro

    That sounds awesome!

    Thanks a lot, Alex 😀

    Have a great day.
    Juan.

    Dear Juan,
    I just have one more question. Everything works fine with the display of more staff member.
    But now I have the problem, that there are some less beautiful white spaces between, due to different lenghts of names/excerps.
    Is there a solution how to resolve this problem?

    Thanks again for your help
    Best Alex

    On Mobile/Tablet everything works fine, the problem is only on desktop

    This reply has been marked as private.
    Juanfra Aldasoro

    Hi,

    Thanks for the follow-up.

    Would you please try the following CSS:

    .home-staff ul li {
        min-height: 320px;
    }
    

    Best,
    Juan.

Viewing 15 posts - 1 through 15 (of 17 total)

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server