Masonry + Click-type Infinite Scroll in Bricks

This Pro tutorial provides the steps to lay out posts in a masonry style with a View More button, which, when clicked, loads the next page of posts in Bricks.

Step 1

Edit your Posts page (typically, Blog) or an archive template or a static Page with Bricks.

Section JSON for quickly pasting the structure is provided at the end of this step.

Manual instructions:

Add a Section and inside its Container, a Container.

Change its HTML tag to ul.

Change its label to "Masonry Grid".

Set left padding to 0.

Add these CSS classes under STYLE → CSS:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Instant access to 390+ Bricks code tutorials with BricksLabs Pro