August 4, 2023
This release is mainly resolving bugs from previous releases and enhances the Advanced CSS panel with new functionalities. Check all the changes below!
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!
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.
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.
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!
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.
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.
ACF has been upgraded
ACF recently released a new version including a security fix. It has been integrated into Advanced Themer.
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.
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.
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.
Compatibility issue with WP Grid Builder
The ACF fields created when AT was activated weren't displayed correctly in WP Grid Builder.
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.
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.
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.
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.