50% discount on BricksLabs Pro Membership Lifetime Access. Use coupon: GOBRICKS

CSS Grid for Posts Element in Bricks

bricks-posts-element-css-grid

The "Posts" element in Bricks has "Grid" as the default layout but the actual CSS it applies on the page feels hacky with negative margins and padding values to compensate for those adjustment etc.

This Pro tutorial provides the CSS code for

  • automatic responsive grids and
  • manual responsive grids

using CSS Grid for the Posts element.

Add a Section having a Container.

Add a Posts element inside the Container.

Under the CONTENT tab, ensure that the Layout is Grid. This is the default setting. The default spacing value of 30px can be left alone as well. It is going to be overridden with our custom CSS.

Go to STYLE → CSS and under Custom CSS paste:

This is a Pro members-only tutorial.

To get full access, login below or sign up for a Pro Account

  • Bernt Kopper

    Hi,
    this does not work if a posts/filter is activated.

    Any way to get it with filter?

    Bernt

Leave your comment