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 626 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
“My Favorites” in Bricks

“My Favorites” in Bricks

This Pro tutorial provides the steps to set up and use My Favorites in Bricks Builder.
Read more →
Categories: Bricks, Plugins, Pro
Tags: Query Loop
Pro
Post ID Query Variable-based Post Output in Bricks

Post ID Query Variable-based Post Output in Bricks

How to query a single post of a custom post type using the post ID passed to a page via a URL parameter.
Read more →
Categories: Bricks, Pro
Tags: Query Variables, URL Parameter
Pro
Previous Two Posts in Bricks Query Loop

Previous Two Posts in Bricks Query Loop

This Pro tutorial shows how we can modify the parameters of a Bricks query to limit the posts to the previous two whilst cycling to…
Read more →
Categories: Bricks, Pro
Tags: bricks/posts/query_vars
Pro
Posts older than today in Bricks

Posts older than today in Bricks

How to display only posts that were published before today in a query loop.
Read more →
Categories: Bricks, Pro
Tags: date_query
How to add a layout toggle on query loops in Bricks

How to add a layout toggle on query loops in Bricks

In this tutorial, we’ll show you how to change the layout of your query loop container based on the click of an icon toggle sitting…
Read more →
Categories: Bricks, Free
Tags: Query Loop
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
Pro
Dynamic Horizontal Posts Accordion in Bricks

Dynamic Horizontal Posts Accordion in Bricks

Update on 8 Sep 2024: You may want to follow the newer version that considers accessibility. Looking to make a Horizontal Image Accordion dynamic? This…
Read more →
Categories: Bricks, Pro
Tags: Horizontal Accordion, Query Loop
Pro
Mixed Post Types Grid in Bricks

Mixed Post Types Grid in Bricks

How to set up a mixed post types grid in Bricks, where you can display both standard posts and custom quote cards in alternating positions.
Read more →
Categories: Bricks, Pro
Tags: Query Loop