Docs

Templates

Typography

Forms

Custom Code

Collections

Styling

Layout

Support

General

Legal

Docs

Sidecar Blog Limit

Sidecar Blog Limit

Sidecar Blog Limit

Change format from Summary Block to Single Column Blog to show more posts.

Change format from Summary Block to Single Column Blog to show more posts.

Change format from Summary Block to Single Column Blog to show more posts.

Applies to

Sidecar

Sidecar

How it works

The Sidecar blog list uses the Summary Block to display posts, which has a hard limit of displaying 30 items. If you want to add more items, you'll need to switch the format to display the Single-Column Blog format (styled the same). Just add this code to the Custom CSS window and remove the Summary Block from the page.

The Sidecar blog list uses the Summary Block to display posts, which has a hard limit of displaying 30 items. If you want to add more items, you'll need to switch the format to display the Single-Column Blog format (styled the same). Just add this code to the Custom CSS window and remove the Summary Block from the page.

The Sidecar blog list uses the Summary Block to display posts, which has a hard limit of displaying 30 items. If you want to add more items, you'll need to switch the format to display the Single-Column Blog format (styled the same). Just add this code to the Custom CSS window and remove the Summary Block from the page.

/*Make Sidecar blog visible*/
body section[data-current-context*='"typeName": "blog-single-column"'] .blog-single-column.collection-content-wrapper{
@media screen and (min-width:767px){
padding:unset!important;}
display:block!important;}
/*Make Sidecar blog visible*/
body section[data-current-context*='"typeName": "blog-single-column"'] .blog-single-column.collection-content-wrapper{
@media screen and (min-width:767px){
padding:unset!important;}
display:block!important;}
/*Make Sidecar blog visible*/
body section[data-current-context*='"typeName": "blog-single-column"'] .blog-single-column.collection-content-wrapper{
@media screen and (min-width:767px){
padding:unset!important;}
display:block!important;}

Still have a question?

Check out the FAQ page, or send a message via the Contact page.