Custom CSS to display more than 20 posts per page on a blog?

Hi there!

Long-time listener, first-time caller 🙂 I am building a website for a friend's company and I had planned to use the blog functionality to populate an "our team" page, but after building out all 35 people's posts, I find out that the blog main page will only display a max of 20 posts at a time. The client is not going to be okay with having the team broken up like this, where you have to click "more" to see the rest of the team. 

Squarespace says that while they can't seem to raise this arbitrary 20 post limit, I could use custom CSS in my style sheet to change it. Unfortunately, I'm not a code-writer. Has anyone else done this in the past, or know what the appropriate code would be to make that change?

Any other suggestions for working about this are welcome. Thank you!

4 minutes ago, smatista said:

Squarespace says that while they can't seem to raise this arbitrary 20 post limit, I could use custom CSS in my style sheet to change it.

CSS can not break the 20 post limit per page. CSS is for changing how things look style wise, not for changing the underlying structure.

Take a look at Universal Filter.

10 hours ago, smatista said:

I am building a website for a friend's company and I had planned to use the blog functionality to populate an "our team" page, but after building out all 35 people's posts, I find out that the blog main page will only display a max of 20 posts at a time.

@smatista Are you intending to build a team page that shows thumbnails and names/roles, or do you want visitors to be able to view more details by clicking  on individual staff members?

I ask because an Auto Layout section (shown above) would give you the former. These sections don't have an official limit, but can usually cope with up to 250 items without affecting page performance.

If you want to be able to drill down to more detail (like a blog/post) a workaround would be to use Summary Blocks to display the blog entries. However, these are limited to 30 items so you'd need a further workaround such as theLazy Summaries paid plugin (affiliate link) to be able to display more than 30 people.

Did this help? Please give feedback by clicking an icon below  ⬇️

2 hours ago, paul2009 said:

@smatista Are you intending to build a team page that shows thumbnails and names/roles, or do you want visitors to be able to view more details by clicking  on individual staff members?

I ask because an Auto Layout section (shown above) would give you the former. These sections don't have an official limit, but can usually cope with up to 250 items without affecting page performance.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks for responding! Yes, I want people to click and go to the very simple blog page with their bio and contact info. I mean, worst case scenario, I could do a layout of images and pull the links from the blog pages that are set up now to link the images to, but that's just so much extra work 🙂 

3 hours ago, creedon said:

CSS can not break the 20 post limit per page. CSS is for changing how things look style wise, not for changing the underlying structure.

Take a look at Universal Filter.

That's weird...maybe support didn't understand what I was asking? Here's what they said to me:

5 minutes ago, smatista said:

That's weird...maybe support didn't understand what I was asking? Here's what they said to me:

Didn't understand, care, or know the right answer so figured some boilerplate would get you to go away. That is their job, to save money by getting rid of you as fast a possible. It isn't a problem specific to SS most big companies use this technique.

Update: I changed to using a blank page with a summary block instead of trying to use the blog's display page. Then I went and paid $55 for the Lazy Summaries plugin, put that code in my footer injection, and blam. Now I can load all of the linked images and it actually looks nicer than the blog page.