11th Dec '25
/
0 comments

How to Insert an Ad or an Element Between Posts in Bricks

This Pro tutorial provides the steps to insert an image or any Bricks element between posts output by a query loop.

Sample application: Show an ad or feature a product in the middle of blog posts.

Setup

Copy the JSON of the fully-built Section from the link below and paste in your Bricks Page/template.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
CSS Grid
Pro

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 632 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Excluding Duplicate Posts from Query Loops in Bricks

Excluding Duplicate Posts from Query Loops in Bricks

How to ensure that posts are not duplicated when two query loops are used on the same page.
Read more →
Categories: Bricks, Pro
Tags: Query Loop
Pro
Displaying Gallery of SureCart Product Images with Bricks’ Query Loop

Displaying Gallery of SureCart Product Images with Bricks’ Query Loop

Custom query loop for looping through SureCart product images.
Read more →
Categories: Bricks, Plugins, Pro
Tags: SureCart
Pro
Related Posts by Taxonomy in Bricks

Related Posts by Taxonomy in Bricks

In the previous Posts Related by Current Post's Terms in Bricks tutorial, we showed how posts related to the current single post that have the…
Read more →
Categories: Bricks, Pro
Tags: Query Loop, Related Posts
Pro
Top-level Pages and Children Bricks Query Loop

Top-level Pages and Children Bricks Query Loop

This Pro tutorial for Bricks users can be considered Part 2 or a variation of the earlier Bricks Query Loop for Top-level Parent Pages with…
Read more →
Categories: Bricks, Pro
Tags: Nested Queries
Auto Responsive Grids in Bricks

Auto Responsive Grids in Bricks

This tutorial provides the CSS that can be pasted for automatic responsive grids in Bricks Builder. Posts element Each post will get a right padding…
Read more →
Categories: Bricks, Free
Tags: CSS, CSS Grid, Posts element, Query Loop