1st Oct '25
/
0 comments

Post Titles and Post Content Tabs in Bricks

This Pro tutorial provides the steps to set up tabs (horizontal or vertical) where the tab menu items can be post titles (or any other post-specific data like a custom field value or the featured image) and the tab pane items can be post excerpt and/or any other post-specific data using Tabs (Nestable) element in Bricks.

Any element can be inserted in the tab menus and tab panes and so you will have full flexibility in designing your post (can be of any post type) tabs in the Bricks editor.

If you are looking for term names as the tab titles with corresponding posts as the tab content, follow these tutorials instead:

Horizontal Tabs Section

Copy the JSON code from the link below and paste in your Bricks page/template for the fully built Section.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Related Posts by Author in Bricks

Related Posts by Author in Bricks

Querying posts on single posts by the author of the current post.
Categories:
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…
Categories:
Using WP Grid Builder Facets with Bricks’ Query Loop

Using WP Grid Builder Facets with Bricks’ Query Loop

Update: This tutorial was written before WPGB had a Bricks add-on. Now, it is advisable to use that add-on instead. Get it from here. Updated…
Categories:
How to display a Query Loop in 3 columns in Bricks

How to display a Query Loop in 3 columns in Bricks

This tutorial provides the builder settings and CSS codes that can be pasted in order to create a 3-columns query loop container inside Bricks Builder.
Categories:
Pro
Custom SQL Ordering for Sorting Events in Bricks

Custom SQL Ordering for Sorting Events in Bricks

Showing events ordered by the event date with upcoming events in ascending order and past events in descending order.
Categories:
How to apply a custom query var to multiple query loops in Bricks

How to apply a custom query var to multiple query loops in Bricks

In this tutorial, we'll learn how to apply a PHP filter to modify the query var of multiple query loops in a single function Introduction…
Categories: