Changelogs

In this section, you'll discover exciting new features introduced in each version as well as improvements and bug fixes. Stay tuned!

Release 2.5.3

April 4, 2024
1 changes

This version includes a fix for a bug appeared in 2.5.2.

IMPROVE / FIX

Bug when creating global classes using the Class Converter and Plain Classes.

The global classes generated by Class Converter and Plain classes were correctly created, but not correctly assigned to the elements.

Release 2.5.2

April 3, 2024
5 changes

This release slightly improves the existing features of Advanced Themer 2.5.

IMPROVE / FIX

Creating nested elements through the right sidebar could eventually wrongly create siblings

In some cases the newly created element wasn't correctly selected - even when the SHIFT key was correctly pressed.

IMPROVE / FIX

Custom CSS and SuperPower CSS controls are now full-height by default when “Hide inactive Style accordion panel” tweak is enabled

When you enable the "Hide inactive Style accordion panel" builder tweak, the Custom CSS control inside the CSS tab will be full-height. Previously, full-height was only working if the left tabs shortcuts were activated.

IMPROVE / FIX

Added a toggle for enabling/disabling keyboard shortcuts for creating new elements

In some cases, the keyboard shortcuts were unexpectedly triggered and there was no way to disable them. A new toggle on the bottom of the right sidebar has been added - and will prevent the keyboard shortcuts to be triggered if it's not set as active.

IMPROVE / FIX

Global Classes extracted and saved from the Advanced CSS Panels are now locked by default

Previously, the extracted classes from the Advanced CSS Panels were unlocked by default - which doesn't make much sense since the styles of these classes are declared as custom css. They are now locked by default.

IMPROVE / FIX

“Reduced Left panel visibility” in Strict Editor View was sometime not showing the panel correctly.

In some cases, the left panel inside the Editor View wasn't showing up even if all the settings were correctly configured.

Release 2.5.1

March 29, 2024
6 changes

This release fixes some bugs appeared in 2.5.

IMPROVE / FIX

Added SASS integration to the Custom CSS control inside the Global Class Manager

In version 2.5, both SuperPower CSS and Advanced CSS have been integrated with SASS - but the custom CSS control of the Global Class Manager has been left behind. Now it's fully integrated with SASS.

IMPROVE / FIX

Left tabs shortcuts weren’t always mounted correctly when Focus On first class is enabled

Since version 2.5, there was a conflict between the left tabs shortcuts and the "Focus on first class" feature that leaded to unmounted left tabs even if the class was correctly selected.

IMPROVE / FIX

A JS error could popup when an element had a css class added, but no global class attached

When the "Styles & Classes indicators" tweak was enabled in the Structure Panel, a JS error would be generated if the element has some CSS Classes added, but no Global classes - leading to unpredictable errors in AT.

IMPROVE / FIX

Increased compatibility with earlier versions of Bricks 1.9.7

Version 2.5 was calling native Bricks functions available since 1.9.7 without checking if they existed on the server. These functions generated a fatal error if the Bricks Theme wasn't updated to 1.9.7+.

IMPROVE / FIX

Changes in Strict Editor Settings weren’t saved correctly in database

An AJAX error was preventing the Strict Editor settings to be correctly saved in the database from the builder, thus they were not applying in the Editor mode.

IMPROVE / FIX

SuperPowerCSS not showing changes when navigating through style tabs

After writing code in SuperPowerCSS inside a Global Class, if you changed style tab and come back to the CSS one, the newly created custom CSS code wasn't reflecting in the editor - even if the code was correctly applied inside the preview window.

Release 2.5

March 27, 2024
44 changes

we’ve got some exciting updates to share with you!

SASS Integration and CSS coding enhancements

 

This update brings exciting new capabilities when dealing with Custom CSS, allowing you to integrate SASS into your workflow. With the experimental SASS integration for Advanced CSS and SuperPower CSS, you are now able to write nested CSS declarations and leverage the power of the SASS syntax into your builds. Additionally, improvements have been made to SuperPowerCSS, including the addition of a new Fullscreen mode, adjustments to the display of the shortcuts cheatsheet, better suggestions inside the dedicated dropdown and a couple of bug fixes.

 

UX Enhancements

 

Several enhancements have been made to the user interface to improve your overall experience with AT and to decrease the amount of shortcuts spread all over the builder. The addition of the AT Main Menu in the toolbar and the Contextual Class Menu make it easier to access the builder tweaks without getting crazy with the backend options. Additionally, improvements to the theme settings UX should increase the backend readability.

 

New Keyboard shortcuts

 

A particular effort has been made for the keyboard shortcuts lovers! You are now able to add new elements inside your structure panel using the keyboard, navigate between your style tabs, and open new AT modals such as “Plain Classes”, the “Global Query Loop Manager” and “Find & replace”.

 

Better Client Editing Control

 

Users now have more control over client editing permissions, with the ability to select which controls clients can see for each element type. Furthermore, the specific builder tweaks for the Strict Editor View have been improved without the need for you to mess with any CSS code – including new tweaks to show/hide specific parts of the builder and a revamped ” reduced left-panel visibility” feature.

 

Improvements to the Template Tweaks

 

A new “Featured Image” column has been added to the Bricks template page & the related builder tweaks have been refined.

 

Bug Fixes and Misc Improvements

 

This release contains many bug fixes. Stability improvements have been implemented to ensure a smoother user experience.

NEW

Contextual Class Menu

Advanced Themer provides a variety of functions to enhance your classes and styles capabilities within the Builder. Previously, these functions were scattered all over, with numerous icons cluttering the UX. Now, this feature consolidates them into a single, convenient contextual menu.

NEW

Add a Featured Image Column in the Templates Admin Screen

If you find yourself with a large number of templates, it can sometimes be challenging to locate the one you want to edit. With this new feature, a preview of the featured image is added as a new column in the template list. This makes it effortless to identify the template you're looking for at a glance.

NEW

Copy/Paste/Reset all the global classes from one element to another

Do you find yourself repeatedly using utility classes and typing them out each time? Put an end to the repetition! This enhancement enables you to easily copy all the global classes from one element and paste them onto any other element within your structure. Need to remove them all? The reset button is right at your fingertips!

NEW

Select the controls your clients can see for each element type

Bricks has carefully chosen a set of fields that your clients can edit within the builder. However, some of these options may be confusing for non-experts. With Advanced Themer, you have the ability to selectively choose which fields your clients can edit, allowing you to hide those that you don't want them to access.

NEW

AT Main Menu in toolbar

Looking to simplify the topbar by reducing the number of shortcuts? Well, your wish has been granted! Now, all the global functions of Advanced Themer are thoughtfully organized and accessible within a single, easy-to-use dropdown menu.

NEW

SASS integration for Advanced CSS & SuperPower CSS

Have you ever pondered the idea of integrating SASS into your Bricks experience? Well, wonder no more! With Advanced Themer, you can bring the power of SASS directly inside the Builder, opening up a world of endless possibilities and creative expression right at your fingertips.

IMPROVE / FIX

Major Dynamic data compatibility in Global Query Manager

The script running the Global Query Manager Editor is now able to parse Bricks Dynamic data.

IMPROVE / FIX

Masonry view inside the template popup was breaking the layout of the unsplash popup

The css rules applied to the masonry view of the template popup were conflicting with the Unsplash image popup and were badly rendering the image layout.

IMPROVE / FIX

Increase the input space for margin/padding controls when the variable picker is active

When the tweak "Increase the input space for margin/padding controls" was enabled, the space dedicated to the text input was slightly reduced due to some padding applied to the variable picker. Now, the text input should be slightly larger.

IMPROVE / FIX

Gutenberg CSS declarations are now conditionally enqueued only if a blocks is detected in the page.

Previously, all the Gutenberg-related styles generated by Advanced Themer were created on all pages. Now, Advanced Themer will conditionally output these styles if any Gutenberg block is present on the page. This tweak could significantly reduce the amount of CSS declarations generated by AT on non-Gutenberg pages.

IMPROVE / FIX

Advanced CSS has been moved inside Builder Tweak tab.

The Advanced CSS options were previously located inside the "Classes & Styles" tab which generated some confusion for users that couldn't find it in the builder tweaks. It has been moved inside the following tab: Builder Tweaks -> Classes & Styles -> Advanced CSS Editor on the bottom of the screen.

IMPROVE / FIX

New keyboard shortcuts for Query Loop Manager, Find & Replace and Plain Classes.

New keyboard shortcuts have been added to open the following AT's modals: Query Loop Manager, Find & Replace, Plain Classes.

IMPROVE / FIX

Keyboard shortcuts are now compatible for WIN users.

The shortcuts available in AT should now be working even if you're a Windows user.

IMPROVE / FIX

Generate Global Classes from your Child Theme CSS (Advanced CSS).

You can now generate global classes (and easily reuse them inside the builder) from your child theme. The option was already available for the Global CSS tab of the Advanced CSS panel - it has now been extended to the child theme tab as well.

IMPROVE / FIX

Added “Divider” as element shortcut, and removed “Social Icons” & “Icon box”.

The list of elements you can quickly create through the right sidebar has been slightly refreshed: both "social icons" and "icon box" elements have been deprecated while the "divider" element has been added to the list.

IMPROVE / FIX

Removed the “tab” conditional loading for Builder Tweaks. All the tweaks are visible by default.

Previously, an extra condition was available to enable/disable categories in Builder Tweaks -> General tab, such as "Elements", "Classes & styles" etc... While the General tab was handy to disable an entire category of builder tweaks, it created more confusion for users who weren't able to see the correct tabs available on the left if the option wasn't previously toggled on inside the General tab. To simplify the process, the general tab has been removed, and all the builder tweaks categories are visible by default.

IMPROVE / FIX

SuperPowerCSS now integrates a new Fullscreen mode

An additional icon has been added to the SuperPower CSS editor, allowing users to toggle between fullscreen mode and regular size.

IMPROVE / FIX

The shorcuts sheatsheet are now hidden by default in SuperPower CSS

In the previous releases, the list of all the keyboard shortcuts related to the SuperPower CSS was visible by default, which took massive space inside the builder and could be distracting when writing custom CSS. This list is now hidden by default and can be manually enabled by clicking on the dedicated code editor icon.

IMPROVE / FIX

Left Tabs Shortcuts now support Keyboard shortcuts

By holding the shift key, you'll now see a number attached to each left tab icon. Pressing that number on the keyboard will activate the desired tab.

IMPROVE / FIX

Added an option to disable all the controls by default (Strict Editor View)

Bricks natively make a selection of controls that your editors are able to change. This selection is quite opinionated as it leaves out some control that could potentially confuse your client (choosing an HTML tag, insert an aria-label, etc...). Now you can decide to turn all the controls off by default, and then manually enable the ones you want to keep for your clients.

IMPROVE / FIX

Fixed a bug that prevented SuperPowerCSS to mount correctly in some cases

In some cases, the SuperPowerCSS control field was mounting a textarea and not the full code editor. This was also preventing any input to be applied on the builder.

IMPROVE / FIX

Imported CSS files in Advanced CSS could generate an error with OpenSSL activated on the server

In some rare cases, the imported CSS files printed inside the Advanced CSS panel (as read only) would generate an error due to a missing SSL check.

IMPROVE / FIX

The AI assistant panel in Advanced CSS was not visible anymore

An incorrect condition prevented the AI Assistant panel to be visible inside the Advanced CSS modal.

IMPROVE / FIX

Advanced Themer will now deactivate itself if Bricks isn’t activated

In the previous releases, when Bricks (or a child theme) wasn't activated, Advanced Themer was simply not running but was still active. Now Advanced Themer will automatically deactivate itself if Bricks isn't the active theme.

IMPROVE / FIX

License Security enhancement

Fixed a possible backend security issue. I don't want to share too much details on this for obvious reasons, but the scenario where the security issue could be potentially exploited require so many massive human errors from an Administrator account that makes it really unlikely to happen in real life.

IMPROVE / FIX

Class Preview on hover wasn’t working after filtering the classes

The tweak "Class preview on hover" stopped working correctly once the user started filtering the classes in the dedicated text input.

IMPROVE / FIX

Centered the “V” inside the variable picker toggle

Game changer fix here! The "V" icon of the variable picker has been slightly moved to be perfectly centered inside his icon container.

IMPROVE / FIX

The Root component toggle for Class Converter was showing inside the Strict Editor View.

Users with "Edit Content" roles were visualizing the root component option of the Class Converter (introduced in 2.4). It has now been excluded by default.

IMPROVE / FIX

Imported color shades wouldn’t update when the parent color is modified

In some rare cases, after exporting/importing custom color palettes made with AT's color manager, the shades were "unliked" from the parent color which prevented to apply bulk changes on shades when modifying the parent color.

IMPROVE / FIX

The “Backdrop-filter” control wasn’t showing correctly when the new FILTERS / TRANSITIONS tab wasn’t enabled

The backdrop-filter control added by Advanced Themer was only showing if the "Filter / Transitions" tab was also activated, otherwise you had to explicitly search after the control in order to manipulate the value. Now, if the "filters / transitions" tab isn't activated, the control will sit inside the CSS tab.

IMPROVE / FIX

Vanilla CSS values and “!important” weren’t suggested anymore in SuperPowerCSS

Since the CSS variables have been introduced inside the suggestion dropdown of the SuperPowerCSS, the vanilla CSS values and "!important" weren't included in the dropdown anymore. Now both variables and vanilla css values are suggested.

IMPROVE / FIX

The Draggable Structure Panel wasn’t working correctly when the admin bar was enabled inside the builder.

If you added a custom snippet to your site to make the admin topbar visible inside the builder view (which by default is hidden), it was generating a CSS conflict with "the Draggable Structure Panel" tweak and prevented it to work correctly.

IMPROVE / FIX

Custom dummy content for Lorem Ipsum Generator.

Previously, the "Lorem Ipsum Generator" builder tweak allowed 2 different types of dummy content: Latin Lorem Ipsum & Human Readable text. The Human readable option has been rename to "Custom Dummy Content". The default custom dummy content is still the previous human readable text, but you can now override this text with your own.

IMPROVE / FIX

Moving elements through the contextual menu won’t close the menu on click

In the previous releases, each time you moved an element through the contextual menu of the structure panel, the menu would close itself. If you wanted to move the element by several position, you had to reopen the menu each time. Now when you move an element, the contextual menu stays open.

IMPROVE / FIX

Gutenberg Colors could duplicate the styles loaded by AT on frontend.

Gutenberg recently changed the rendering process of one of his hook which leaded to duplicate the styles generated by AT on pages that were using Gutenberg blocks.

IMPROVE / FIX

Gutenberg Colors weren’t applying correctly for overlays

If you had the option "Replace Gutenberg Color Palettes" activated, the feature was generating the classes for background, color and border - but omitted the correct classes for the container overlays (introduced recently in Gutenberg).

IMPROVE / FIX

Focus on class didn’t work correctly when clicking on the preview window from the structure panel

In some cases, when clicking on an element inside the preview window (instead of the structure panel), the tweal "Focus on first unlocked class" wasn't working correctly.

IMPROVE / FIX

Remove data when the plugin was uninstalled wasn’t working correctly

A bug prevented the data from being removed from the database when uninstalling the plugin, even when the option was correctly toggled in the theme settings. Now - when uninstalling the plugin and checking the option "Remove all data when uninstalling the plugin" - all the postmeta related to AT, the AT options from the wp_option table, the classes generated by AT, the theme variables and the colors created by the color manager will be removed from the server.

IMPROVE / FIX

Auto-select Import Images and/or Replace Content in the template popup weren’t correctly unselectable in the builder.

When one of these new Template tweaks was activated, it forced the option to be toggled ON even if the user was deselecting the option manually inside the Template popup. Now the option is automatically running when the popup is opened, but allows the user to modify the option manually afterwards.

IMPROVE / FIX

When using the search function inside the builder, SuperPowerCSS control was automatically focused and created bad UX

SuperPowerCSS comes with an autofocus feature as soon as you open the CSS tab. The problem is: it was also activated when you searched after control, so each time you typed a key inside the search field, the cursor would jump inside SuperPowerCSS - making it hard to search after controls inside the builder.

IMPROVE / FIX

Builder Tweaks for Strict Editor View improved to quickly enhance the UX.

Some functions inside the Strict Editor View were hardcoded using CSS, and needed custom CSS to be applied in case you wanted to turn them off (functions like Hide the ID/Class control, Hide the dynamic data trigger, hide the structure panel, etc...). You can now easily enable/disable these functions from the theme settings without writing a line of code.

IMPROVE / FIX

More flexibility added to the left panel visibility tweak (Strict Editor View).

The "left panel visibility" is a great feature if you're looking to offer a fullscreen editing experience to your clients, but it was pretty limited to a couple of picked elements. Now you can select which element(s) should open the left panel.

IMPROVE / FIX

Right Shortcuts for creating Elements now support Keyboard shortcuts

You can now create elements by pressing a key on your keyboard. Holding the SHIFT key will show you all the available keys related to each element. Holding SHIFT and pressing the key will create the element and set the newly created element as active (useful if you want to nest containers). If you press the key without holding SHIFT will create the element, but won't set it as active.

IMPROVE / FIX

Theme settings UX improved

The design of the theme settings - especially the builder tweaks section - has been slightly refreshed to make it easier to navigate through all the different options available.

Release 2.4.2

February 9, 2024
12 changes

This release mainly fixes bugs appeared in the previous releases – and includes some improvements / new additions.

NEW

Auto-select Import Images and/or Replace Content

If you often find yourself importing templates and inadvertently overlooking the "Import Images" or "Replace Content" options, leading to repetitive redoing of the same operation, then this tweak is designed specifically for you!

NEW

Masonry Layout for the template popup grid

Activate the Masonry layout view for your template popup grid and enjoy browsing your templates with thumbnails that maintain their image ratio, regardless of their dimensions!

IMPROVE / FIX

Drag-and-drop Classes (now integrated in core) has been deprecated

Since 1.9.6, the drag-and-drop element classes has been integrated in core, so it has been removed in AT.

IMPROVE / FIX

Text Link elements weren’t selectable in Strict Editor View

The new element "text-link" wasn't included in the selectable list of elements inside the Strict Editor View. It has now been added.

IMPROVE / FIX

AT Theme Settings menu item was visible to Editors in Strict Editor View

The menu "AT - Theme settings" under the Bricks menu item (in the WP Dashboard) was wrongly visible for Editors. It's now hidden by default.

IMPROVE / FIX

Fixed a warning “Undefined array key ‘query_manager’ in builder.php”

A warning was showing in the server logs if you had no Global query items created in the new Global query manager. It has been fixed.

IMPROVE / FIX

Resolved a JS error that caused SuperpowerCSS to fail mounting correctly

In rare cases, a JS error could impact the correct mounting process of the SuperpowerCSS field. It has been fixed.

IMPROVE / FIX

Quick-save template not working an certain template types

The new quick-save builder tweak wasn't working correctly on specific template post types such as "section". It has been fixed.

IMPROVE / FIX

New “Comment” icon inside SuperPowerCSS

There is now a dedicated icon in SuperPowerCSS to comment your code - you don't rely exclusively on the keyboard shortcut.

IMPROVE / FIX

Plain classes icon is now visible even if a class is active

Previously, the plain classes icon was only visible if you were styling on the ID level. Now it's also available when a class is activated on the element.

IMPROVE / FIX

Hide the class manager topbar icon in Strict Editor View

There was no option to hide the new Bricks Class Manager inside the builder's topbar for Editors. This has been fixed.

IMPROVE / FIX

New attention messages when resetting global settings

New warning messages have been added when you decide to reset the global classes, color palettes, and the theme styles on the whole server.

Release 2.4.1

February 2, 2024
3 changes

This version is a hotfix to solve a couple of bugs appeared since 2.4.

IMPROVE / FIX

Error converting AT’s Class Categories into compatible Bricks ones

In some cases, the class category conversion (from AT to Bricks) would generate a "false" category that would lead to JS errors.

IMPROVE / FIX

Box-shadow Generator & Grid Builder settings wouldn’t apply correctly on pseudo-elements

The values generated from the Box-shadow generator and the Grid Builder were not correctly applying on pseudo-elements.

IMPROVE / FIX

Locked classes becoming wrongly unlocked

In some cases, the locked global classes could become unlocked on page load. This has been fixed.

Release 2.4

January 31, 2024
24 changes

we’ve got some exciting updates to share with you!

 

Introducing Grid Builder V2

 

The version 2 of the popular Grid Builder brings features, improvements, and creative possibilities to redefine your grid-building experience. It includes some advanced features for dynamic layouts such as new options to create repeatable patterns, more options to control the responsiveness of the grid, new shortcuts and QOL features, and some bug fixes/UI improvement.

 

There is a better way to create and manage your Query Loops!

 

Introducing the global query loops! You are now able to save query settings in a manager for easy global management. Change any query variable, and it applies across the entire site. Categorize, filter, and add descriptions to each global query for simple maintenance. Generating global queries is a one-click task from the Bricks UI, and selecting them in the builder is a breeze through a dedicated dropdown menu.

 

Generate multi-layer Box-shadows with ease!

 

Level up your designs with awesome box-shadows created in just a few clicks. You can either choose from a large library of presets, or use the generator to create complex multi-layer box-shadows without any coding.

 

Autogenerate your template thumbnails in few clicks!

 

This new feature allows you to generate templates for any section of your page right from the preview window (or the contextual menu of the structure panel). The quick-save function generates a thumbnail and attaches it to your templates while also displaying a preview of the saved DOM structure.

 

A no-code solution to wrap your content inside HTML tags

 

Wrap or unwrap your content inside any desired HTML tag for the Basic Text and the Heading Elements effortlessly. You can also add extra classes, styles, or even an href tag without writing any HTML code!

 

Copy & Paste your interaction/condition settings

 

Stop manually creating similar interactions and conditions one by one! Now, with a simple one-click operation, save tons of time and ensure consistent results by cloning your settings from one element to another.

 

AI gets some love!

 

Transform any audio file into text! Simply upload your audio file in the dedicated modal and wait for the magic to happen: the whole transcription will be generated inside the builder and ready to be pasted.

 

Major improvements

 

This release includes tons of improvements for most popular features such as the Class Converter, the Class Manager, Style Overview, Plain Classes, etc… There is just not enough space in this paragraph to list them all, but make sure to check the full changelog below!

NEW

Move Styles over different elements, classes or breakpoints.

Optimize your responsive design with Copy/Paste/Reset Breakpoint Styles! Quickly copy styles from one breakpoint and paste them onto another with just a few clicks. Apply copied styles from/to a different ID, class, or pseudo-element effortlessly. Wanna reset all the styles generated on a specific breakpoint? That's a one-click operation with Advanced Themer!

NEW

More used classes suggestion & group filter

A new set of suggested classes are shown at the bottom of the plain class modal - sorted by the number of time they’ve been used on the current page. A new "Group" filter has also been added to suggest classes by any group assigned inside the Class Manager.

NEW

Collapse/Expand the Elements list

Say goodbye to the hassle of navigating through a lengthy Elements list! This small addition simplifies the process by allowing you to collapse or expand all element categories with just a single click. No more manual collapsing or wasting time navigating through categories!

NEW

Global Query Loop Dropdown

Easily get a comprehensive overview of all the element IDs on your page thanks to this new function integrated to the Structure Helper! Plus, streamline your workflow by copying any element's ID directly to your clipboard.

NEW

Global Query Manager

Tired of setting your query loops one by one? Embrace global query loops! With our new feature, save query settings in a manager for easy global management. Change any query variable, and it applies across the entire site. Categorize, filter, and add descriptions to each global query for simple maintenance. Generating global queries is a one-click task in the Bricks UI, and selecting them in the builder is a breeze through a dropdown menu.

NEW

Advanced Text Wrapper

Introducing the Advanced Text Wrapper — wrap or unwrap selected content inside any desired HTML tag for the Basic Text and the Heading Elements effortlessly. No HTML coding required! It also allows you to add extra classes, styles, or an href tags seamlessly for enhanced text formatting.

NEW

Box-shadow Generator

Meet our cool new feature: the Box-shadow generator! Spruce up your designs with awesome box-shadows in just a few clicks. Take your pick from a bunch of ready-made presets and add that wow factor with minimal effort. This generator is like magic—it handles all the fancy stuff, letting you customize complex multi-layer box-shadows without any coding. Whether you're styling on IDs, classes, or pseudo-elements, this tool vibes perfectly with the Bricks builder.

NEW

Copy/paste your Interaction & Condition settings

Streamline your workflow with Advanced Themer! Forget about creating interactions and conditions one by one. Now, with a simple one-click operation, effortlessly clone settings from one element to another. Save tons of time and ensure consistent results across your design.

NEW

Quick-save Templates

Elevate your design process with our new template creation feature! Easily create a template for any section from the preview window or the structure panel menu. The quick-save function generates a thumbnail and attaches it to your templates while also displaying a preview of the saved DOM structure.

NEW

ID’s overview

Easily get a comprehensive overview of all the element IDs on your page thanks to this new function integrated to the Structure Helper! Plus, streamline your workflow by copying any element's ID directly to your clipboard.

NEW

Speech to Text converter

Introducing the Speech to Text AI converter, your go-to tool for effortlessly converting any audio file into text! Simply upload your audio file, choose the output language and set the desired temperature, then sit back and witness the magic unfold. The entire transcription of your audio file is generated seamlessly inside the builder, eliminating the need for manual transcription efforts.

IMPROVE / FIX

Grid Builder V2

The Grid Builder V1 has been a massive success! We gathered the feedback from the community and included the following features in V2:

Repeat Grid

A new option has been added to adapt the CSS declarations of each children to include a repetitive pattern (an+b). Example: :nth-child(4n+3) 

New Span switch

Instead of setting the start/end values for each child of the grid, you can now switch the dedicated control to insert span values.

Fill empty cells inside the grid

Since span may create empty spaces inside the grid, there is a new option to fill the empty spaces automatically (grid-auto-flow set to dense)

Use minmax() for your grid-template values

A new option has been added to wrap all your grid-template values in a CSS minmax() function. Example: “minmax(0 , 1fr)” instead of “1fr”

Replace Class/Query loop CSS automatically 

Automatically replace the custom CSS declarations on classes/query loops without having to manually delete it (will support grids created since 2.3.1)

Add/Remove cells

Add/Remove cells manually inside grids created on classes/query loops. This setting coupled with the new span values will allow you to create recurring layout patterns.

Resize cells from all 4 corners

You can now expand your cells from each corner: top-left/top-right/bottom-left/bottom-right

Clear View from the cell

Once you selected an active cell, you can remove the active view from the dedicated icon inside the cell

Cell shortcuts

Inside the active view, you can now reset the styles of the active cell or jump on the corresponding element inside the builder

Generate Bento Grid

This is an experimental feature. On the bottom left of the modal, you’ll find a new button that will generate a casual bento grid.

Bug Fixes and UX improvements

The gap control now supports variable suggestions. The row values bug not showing for Firefox users has been solved too. Some drag-and-drop and resize issues were caused by z-index misconfigurations: it has been fixed. 

IMPROVE / FIX

Minor Improvements to Style Overview

Some non-relevant rows related to the color shades were added to the tables. They have now been excluded.

IMPROVE / FIX

Class Manager improved

New Bulk Actions

You can now Lock and Unlock your global classes in bulk.

Enable/Disable specific classes in the bulk actions

You have the ability to further customize your bulk actions within the class manager by enabling or disabling any specific class for executing your bulk action (new toggle icon on the right of each class).

New “Ungrouped” Category

 A new default "Ungrouped" category where all the classes without any category assigned will be listed.

Multiple keywords filter

You can now insert multiple keywords (separated by a comma) in your include/exclude bulk action searches.

Synched Categories between Bricks and AT

The categories you already created in AT will show up in Bricks class manager, and any new category created (using any of the two managers) will show up in both managers too.

Minor UX improvements and Bug fixes.

The design of the “class used elements” has been refactored to match the structure panel. The general font-size of the class list has been slightly increased. The Bulk action buttons have been set to sticky. Fixed an error that would “link” the duplicated class settings to the original classes.

IMPROVE / FIX

Minor UX improvements and bug fixes for Plain Classes

In some cases, when leaving extra spaces in the editor, it could generate an empty “.” class. This has been fixed. 

IMPROVE / FIX

Find & Replace Improved

Update values inside global classes

You can now find & replace values that are inside the global classes attached to the elements that you are targeting.

IMPROVE / FIX

Structure Helper Improved

New icons for the previewed structure

You can now show the HTML tag and the ID of each element in the structure. You can easily copy the ID to the clipboard too. A new “Highlight” toggle has also been added to activate/deactivate the highlights in the structure.

Show interactions set on global classes

The script will highlight all the different interactions even if they are set on a global class attached to an element.

IMPROVE / FIX

Elements Shortcuts Improved

New Text-link icon

The new element “text-link” has been added to the shortcut list of items you can quickly add from the right shortcut bar.

IMPROVE / FIX

Indicators of styles inherited from a class Improved

Group Tabs indicators

You'll have now indicators on the parent groups tabs, not only on the controls itself.

Different indicators for ID and classes

It will indicate class styles when you are on the ID level (blue dot), and it will indicate ID styles when you have a class active (red dot).

Indicators between Classes

When you have an active class selected, you'll see indicators on the controls that are modified by any other class attached to the same element (blue dot)

IMPROVE / FIX

Resource Panel Improved

New zoom slider

You can now easily zoom inside your images

UX Improvements

The Resource panel - when closed - won’t close the other opened panels. For example, you can now open/close the resource panel while the Grid builder modal is open - you won’t need to reopen the Grid builder each time you close the resource panel.

Bug Fixes

Fixed a couple of issues that leaded the images to be shown in lower resolutions

IMPROVE / FIX

Grid Guides Improved

In some cases the grid guides weren’t covering the entire top/bottom screen. This has been fixed.

IMPROVE / FIX

Import/Export Improved

Overwrite existing settings

When importing global classes, theme styles and global colors, the imported settings were replacing the existing ones by default. Now you have the option to choose if you want to overwrite the existing settings on import, or just sum up the settings to the existing ones.

IMPROVE / FIX

DEPRECATED: frontend playground

Goodbye Frontend Playground! You've been great companion, but since all your features have been integrated inside the builder, you're no longer needed.

IMPROVE / FIX

Class Converter improved

Support for nested Class Components

The class converter now supports nested class components. For each class component, you are able to set a unique basename, delimiter, category, and conversion settings without being forced to run the class converter multiple times and toggle off the nested classes.

Update classes

Running the class converter multiple times on the same classes will update the new values (leaving the existing settings intact) instead of replacing them.

Group Suggestion

A new category suggestion dropdown will appear when you type inside the Class Category field.

Minor UX improvements

The icon of each element has been added on the left of each class inside the preview window. Hovering on the icon will reveal the element’s type. The element’s name has been also highlighted inside the preview window.

Release 2.3

December 15, 2023
2 changes

we’ve got some exciting updates to share with you!

 

Say hello to the CSS Grid Builder

 

As you might know, Thomas and the team introduced the CSS Grid controls this year inside the builder, but without a proper GUI interface to easily generate the grids. Advanced Themer comes to the rescue and provides you with a whole new experience to create complex grids with an intuitive drag-and-drop modal. The CSS grid builder from AT supports the most common cases: styling at the ID level, at the class level, supports query loops, and can even insert static content inside your dynamic loops! Check it out!

NEW

CSS Grid Builder

Advanced Themer provides you with a whole new experience to create complex grids with an intuitive drag-and-drop modal. The CSS grid builder from AT supports the most common cases: styling at the ID level, at the class level, supports different breakpoints & query loops, and can even insert static content inside your dynamic loops! Since V2, it's also super easy to create repeated grid patterns, convert your column/rows values in a minmax() function, and add advanced responsive controls to your grid settings.

IMPROVE / FIX

Minor bug fixes & enhancements

This release includes a few fixes: in some cases the colors created in Bricks weren't working correctly in Gutenberg, the structure panel wasn't dragging correctly when the elements shortcuts were disabled, and some extra padding was applied to the spacing controls even when the variable picker option was disabled. All these little bugs have been solved.

Release 2.2.1

November 28, 2023
8 changes

This release mainly fixes bugs appeared in the previous releases – and includes some improvements / new additions.

NEW

Style Overview Shortcut

This new shortcut will show up when a global class is active and will allow you to open the class manager with the current global class already selected and ready to be modified using the advanced tools integrated within the Class Manager.

IMPROVE / FIX

Expand Spacing Controls improved

The left/right expanded spacing controls had some conflicts with the suggestion dropdown and didn't always applied the variable clicked. To solve the issue, we had the to remove the width 100% on focus.

IMPROVE / FIX

Draggable Structure Panel Improved

The element shortcut bar wasn't displaying correctly on firefox when the draggable structure panel was activated. The contextual menu was also hidden on the background of the structure when the draggable was activated. When dock/undocking the structure panel, the height and position were reset - now the builder "remembers" the height and position of the last drag.

IMPROVE / FIX

Component Class Manager improved

The bulk actions inside the component class manager weren't filtering the actual component classes, but use the whole global classes list. Now you can use the bulk actions (rename, duplicate, group, delete) only on the classes included in your component without having to apply any specific filter.

IMPROVE / FIX

New Export option in Class Manager

You have now the ability to export a custom selection of global classes using the bulk actions of the Class Manager. The function will create a JSON file containing the global classes you specifically filtered. The JSON file can be then imported on any Bricks website (even if AT isn't installed) through the core class import function of Bricks.

IMPROVE / FIX

New option for the “Lock ID Styles” feature

A new optional setting has been added to the "Lock ID styles" feature: you can now enable it only if the current element has at least 1 global class set. This options is particularly useful if you tend to style your elements on the ID level first, and then run the Class Converter to move your ID styles to your global classes. In that case, the "Lock ID Styles" feature won't be in your way while building your elements, and will only show up once you moved your styles to classes.

IMPROVE / FIX

Responsive Helper improved + bug fix

The new Responsive Helper was generating a JS error if you set your breakpoints as Mobile First (typo error). When using the Desktop First breakpoints, The minimum value on mobile devices changed from 240px to 320px. You can customize this value by setting a "width builder" value inside the breakpoint settings. When no "width builder" value is set on the base breakpoint, the fullscreen size will be applied.

IMPROVE / FIX

Tabs Shortcut improved

When the left Tabs Shortcut feature was enabled, the "Expand" icon wasn't visible anymore after minimizing the element panel. Now the Tabs Shortcut gets hidden when the element panel is minimized, and the expand icon is back.

Release 2.2

November 20, 2023
18 changes

we’ve got some exciting updates to share with you!

 

Say hello to the Responsive Helper

 

Verifying the responsiveness of your design across various breakpoints can be a challenging task. However, our new Responsive Helper makes it a breeze. Simply double-click on any device icon to adjust the preview screen to both the minimum and maximum values of each breakpoint. Utilize the “resize” slider for a swift examination of your design on all possible viewport width.

 

Get ready for the Draggable Structure Panel

 

Want the flexibility to detach the structure panel and position it anywhere within the window? AT simplifies the process for you: simply double-click on the structure’s header to toggle between docking and undocking the structure panel. Move it around freely using drag-and-drop. Additionally, you have the option to resize the undocked panel to your preferred size.

Enable / Disable any Bricks element

 

Whether you’re aiming to hide particular elements that you don’t plan to use in the builder or looking to prevent them from being loaded on the server entirely, Advanced Themer empowers you to achieve this with just a few clicks!

 

…and like always, this release includes tons of bug fixes and small UX enhancements!

Hope you’re excited about these awesome updates!

 

NEW

Responsive Helper

Verifying the responsiveness of your design across various breakpoints can be a challenging task. However, our new Responsive Helper makes it a breeze. Simply double-click on any device icon to adjust the preview screen to both the minimum and maximum values of each breakpoint. Utilize the "resize" slider for a swift examination of your design on all possible viewport width.

NEW

Enable / Disable any Bricks element

Whether you're aiming to hide particular elements that you don't plan to use in the builder or looking to prevent them from being loaded on the server entirely, Advanced Themer empowers you to achieve this with just a few clicks!

NEW

Draggable Structure Panel

Want the flexibility to detach the structure panel and position it anywhere within the window? AT simplifies the process for you: simply double-click on the structure's header to toggle between docking and undocking the structure panel. Move it around freely using drag-and-drop. Additionally, you have the option to resize the undocked panel to your preferred size.

IMPROVE / FIX

Fatal Error “Uncaught Error: Class “Bricks\Elements” not found”

In some rare cases, a fatal error was produced by version 2.1.1 with the following log: "Uncaught Error: Class "Bricks\Elements" not found in /app/data/public/wp-content/plugins/bricks-advanced-themer/classes/builder.php:461". This has been fixed.

IMPROVE / FIX

Wrong base font-size calculated inside the builder

In some cases, the clamp functions for global variables were incorrectly calculated based on a 10px base font-size even when a different base font-size was set in the theme settings. This error was visible inside the builder only - it didn't affect the frontend.

IMPROVE / FIX

Plain Classes improved

The Plain Classes builder tweak has been slightly improved: the order of the classes inside the textarea wasn't always reflected in the final global classes order. This has been fixed.

IMPROVE / FIX

Preview Classes on Hover has been improved

The "Preview Classes on Hover" builder tweak has been slightly improved: the script was regenerating the styles of the global classes each time you hovered over a class name inside the class suggestion dropdown. It now generates the correct styles only when you open the class dropdown - which results in an overall improved performance.

IMPROVE / FIX

Bulk duplicate classes improved

When using the "bulk duplicate classes" feature of the Class Manager, the option to remove the original class from the element wasn't working as expected. This has been fixed.

IMPROVE / FIX

The structure helper isn’t showing correctly on template pages

When opening the Structure Helper inside a template page (including header/footer), the element list was not correctly loaded and thus, was empty. Now, the Structure Helper should be working on any post/page/template.

IMPROVE / FIX

Strict Editor View improved

The custom CSS rules applied inside the Advanced tab of the Strict Editor View were incorrectly commented, resulting in the CSS not being correctly applied. This has been fixed.

IMPROVE / FIX

Error with imported elements generated by Nimbufy

When trying to run the Class Convertor on elements generated by Nimbufy, a JS error was produced and prevent the function to convert classes correctly. This has been fixed.

IMPROVE / FIX

Imported Classes not previewing inside the Builder

When applying global classes generated by the "Import classes" feature, the styles related to these classes weren't showing inside the builder (but worked on the frontend). Now the imported classes are showing correctly inside the builder as well.

IMPROVE / FIX

Duplicate Color Palette bug

When duplicating an entire color palette inside the color manager, any modification to a color from one palette was also applied to the corresponding color of other palette. This has been fixed.

IMPROVE / FIX

Variable Manager enhancement

The autoformat functions (calc(), var(), r:*, etc...) is now integrated to the Theme variable inputs.

IMPROVE / FIX

Import/Export/Reset settings improved

You can now import/export/reset new data from the backend, such as: the global classes, the color palettes, the theme styles, the global CSS variables and AT's theme settings.

IMPROVE / FIX

Grid guides revamped

The grid guide feature has been revamped: you can now set a different number of columns/gap/color for each breakpoint. The settings are fully integrated with the builder (new option icon in the topbar). The backend options have been deprecated.

IMPROVE / FIX

Error with Tab shortcut & Lock ID styles

In cases where both "Lock ID Styles" and "Tab shortcut" features were enabled, and the "content" shortcut wasn't toggled on, a javascript error would fire and prevent the other builder tweaks from working correctly. This has been fixed.

IMPROVE / FIX

SuperPower CSS: bug fixes and enhancements

SuperPower CSS stopped working correctly after opening the interaction/condition panel inside the builder. It also wasn't mounted correctly if no custom element settings were set. A new keyboard shortcut has been added: the current media query (q/Q + c ). The CSS suggestion dropdown wasn't sorting the values correctly. Finally, the string media query string missed "screen" in the declaration.