Display more staff on homepage
This support request was posted in Paeon by toshi1989
- toshi1989 July 16, 2017 at 4:24 pm
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
AlexJuanfra Aldasoro July 16, 2017 at 9:11 pmHi 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.toshi1989 July 16, 2017 at 9:22 pmDear 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
AlexJuanfra Aldasoro July 16, 2017 at 9:31 pmHi 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,
Juantoshi1989 July 17, 2017 at 7:43 pmI 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 July 17, 2017 at 8:36 pmHi 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.toshi1989 July 17, 2017 at 8:58 pmDear 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
AlexJuanfra Aldasoro July 17, 2017 at 9:06 pmHi 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.toshi1989 July 17, 2017 at 9:34 pmDear Juan,
yeeeeeeeah! great! That´s it 🙂
Thank you very much for this solution. You helped me a lot.All the best
AlexJuanfra Aldasoro July 17, 2017 at 9:38 pmThat sounds awesome!
Thanks a lot, Alex 😀
Have a great day.
Juan.toshi1989 July 22, 2017 at 5:33 pmDear 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 Alextoshi1989 July 22, 2017 at 5:38 pmOn Mobile/Tablet everything works fine, the problem is only on desktop
Juanfra Aldasoro July 23, 2017 at 3:41 pmHi,
Thanks for the follow-up.
Would you please try the following CSS:
.home-staff ul li { min-height: 320px; }Best,
Juan.
This topic is marked as resolved
Only the topic author can re-open this thread.