Opens in a new tab
31st Jan '24
/
0 comments

Adding active class to the current term/post in a Bricks query loop on Term archives/single posts

Updated on 29 Feb 2024

In the Sibling Terms Bricks Query Loop tutorial, a member asked:

How can I set the class "active" to the current category ?

This Pro tutorial shows how.

This also applies to a posts query loop when viewing a single post, not just terms.

Step 1

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
Pro
Query Loop
Terms Query

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

Related Tutorials..

Pro
Parent Query Loop Object – Traversing Nested Query Loops Up in Bricks

Parent Query Loop Object – Traversing Nested Query Loops Up in Bricks

Bricks enables us to build nested query levels of unlimited levels. Here are a couple of examples: Sometimes, you might want to obtain the parent…
Read more →
Categories: Bricks, Pro
Tags: Nested Queries
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
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters

This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.
Read more →
Categories: Bricks, Free, Plugins
Tags: ACF, Animations, Isotope, Query Loop
Loop Item ID and Loop Item Object in Bricks

Loop Item ID and Loop Item Object in Bricks

If you are working on a Bricks site with specific requirements, chances are you need to grab the ID and/or object of the current item…
Read more →
Categories: Bricks, Free
Tags: \Bricks\Query
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…
Read more →
Categories: Bricks, Free
Tags: Dynamic Data, Query Loop
Pro
Adjacent Posts Bricks Query Loop

Adjacent Posts Bricks Query Loop

This Pro tutorial provides the steps to customize a posts query loop in Bricks to show previous and next posts on single post pages. The…
Read more →
Categories: Bricks, Pro
Tags: Adjacent posts