How to hide the active class indicator in Bricks Builder

In the Bricks Builder global classes interface, there is an indicator that gets in my way all the time.

The indicator takes up space and I don’t need to know how many active classes an element has.

With this bit of CSS, you can hide the active class indicator inside Bricks Builder:

#bricks-panel-element-classes .active-class span[data-balloon="Active classes"] {
    display: none !important;
}

Steps to hide the active class indicator inside Bricks Builder

1. Go to the WP Admin and open up the Bricks Settings
2. Navigate to the Builder tab
3. Find the “Builder Mode” Option and set it to “Custom”
4. Paste the CSS from the snippet above into the text area for Builder Mode (Custom)

Why hide the class indicator in Bricks Builder

I use Advanced Themer to customize bricks Global class manager with the quick actions like copy styles, clone classes, copy ID styles to class, etc.

the Bricks class indicator always seems to get in the way and takes up valuable real estate. So I’ve decided just to hide it.

I hope this helps clean up your interface and you find the snippet useful!