Release 1.2.4

August 4, 2023
24 changes

This release is mainly resolving bugs from previous releases and enhances the Advanced CSS panel with new functionalities. Check all the changes below!

NEW

Import your Custom CSS from each element to your Global CSS

If you're looking for a way to regroup all your Custom CSS declared in each element into the Advanced CSS panel, you're now able to do that with one click!

NEW

Autogenerate your CSS declarations

Want to style an entire component using Custom CSS? That's super easy with this new feature. Just click on a button inside the Advanced CSS Panel, and the script will generate all your CSS declarations for you - including all the media queries based on your active breakpoint.

NEW

Extract your classes from the Advanced CSS and save them as Bricks Global Classes

Get the best of both worlds! Simply write down all your custom CSS inside the Advanced CSS panel. Then, with a simple click, extract all the classes from the CSS declarations and import them as Global Classes in Bricks - so you can easily reuse them inside the Builder.

NEW

Save your Global CSS from the builder

You are now able to add/edit/remove your global CSS declarations inside the Advanced CSS panel and save them without leaving the builder!

NEW

Group classes by Lock Status

When employing utility classes, you may prefer to have the locked classes appear at the top of the class dropdown, as opposed to the element-specific classes that you may not find much reuse for. With this functionality activated, the arrangement of classes in the dropdown will be determined by their "lock" status.

FIX

Tag Manager improved

There was a bug regarding the z-index of the tag dropdown that has been solved, and the overall performance and browser's compatibility has been improved.
FIX

ACF has been upgraded

ACF recently released a new version including a security fix. It has been integrated into Advanced Themer.
FIX

Indicators functions have been refactored

In some cases, the indicator features (such as the media queries, breakpoints, and left shortcut panels) were not displaying the correct values when switching elements/classes/pseudo-elements or breakpoints. The functions have been refactored to be faster and more accurate.
FIX

Empty Accordion Panels in the Style Tab

On rare occasions, you could see an empty Style Tab (without accordion panels) when the feature "Hide inactive Style accordion panel" was enabled. The function has been tweaked to avoid such a scenario.
FIX

Styles in the Content Tab are now hidden when the “Lock ID styles” feature is enabled

Previously, all the controls in the Content Tab were visible when the "Lock ID styles" feature was enabled. That could lead to styling on the ID level by mistake. Now, all the controls that modify CSS properties are hidden inside the Content Tab by default.
FIX

Compatibility issue with WP Grid Builder

The ACF fields created when AT was activated weren't displayed correctly in WP Grid Builder.
FIX

Style Overview reporting wrong values on mobile-first breakpoints since 1.8.4

Bricks recently changed their way to assign custom styles to breakpoint elements, causing the style overview to output wrong values when using a different base breakpoint than desktop. This has now been fixed.
FIX

The “CSS variables” tab inside the Advanced CSS panel has been deprecated.

Since we have now all the tweaks needed to print the CSS variables inside the builder, it makes no sense to keep the tab in the Advanced CSS panel for copy/paste purposes - so it has been removed.
FIX

The imported CSS files weren’t showing correctly inside the Advanced CSS panel

An error was leading to prevent imported CSS files to show inside the Advanced CSS Panel. Now you should see all your imported files again.
FIX

Autoclose variable brackets didn’t support the !important tag

When using a CSS variable with an !important tag, the script automatically added a closing bracket. Now the script only adds the closing bracket if there is no space or !important tags in the functions.