Changelogs
Release 2.2.1
This release mainly fixes bugs appeared in the previous releases – and includes some improvements / new additions.
Style Overview Shortcut
Expand Spacing Controls improved
Draggable Structure Panel Improved
Component Class Manager improved
New Export option in Class Manager
New option for the “Lock ID Styles” feature
Responsive Helper improved + bug fix
Tabs Shortcut improved
Release 2.2
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!
Responsive Helper
Enable / Disable any Bricks element
Draggable Structure Panel
Fatal Error “Uncaught Error: Class “Bricks\Elements” not found”
Wrong base font-size calculated inside the builder
Plain Classes improved
Preview Classes on Hover has been improved
Bulk duplicate classes improved
The structure helper isn’t showing correctly on template pages
Strict Editor View improved
Error with imported elements generated by Nimbufy
Imported Classes not previewing inside the Builder
Duplicate Color Palette bug
Variable Manager enhancement
Import/Export/Reset settings improved
Grid guides revamped
Error with Tab shortcut & Lock ID styles
SuperPower CSS: bug fixes and enhancements
Release 2.1.1
This release solves bugs that appeared on the recent updates. Check them all below!
The CSS variables not showing in the Strict Editor Mode
Unclickable buttons in the Variable Picker
Forced Class Preview on hover
Global base Font-size
Release 2.1
we’ve got some exciting updates to share with you!
Say hello to CSS Variable Manager V1
Easily manage your Global & Theme CSS variables directly within the builder. Create static or clamp values on the fly, and see them reflected instantly in the builder without refreshing your browser. We’ve got you covered with the ability to create multiple categories, reorder options, rename, duplicate, delete, and even check which CSS variables are being used on your pages.
Get ready for Color Manager V2
With just a simple click, Advanced Themer can generate a variety of color shades for you. You can now create up to 20 shades at a time, including transparent, light, and dark variations! What’s even better? All shades are linked to your main color, so any change you make to the parent color will automatically update all the shades. You can also easily link or unlink any shade from the parent color, create complementary colors, apply auto-dark mode to any color, and even import colors from a CSS variable list into your palette.
Introducing the Structure Panel Helper
We’ve got something special for those who like to keep their web pages tidy and well-organized! Our new Structure Panel Helper allows you to filter your structure panel based on advanced criteria. You can now highlight non-consecutive headers on your page, easily locate elements with data-attributes set, identify elements with pseudo-classes styles, and much more. This assistant is here to ensure that your page follows the best web practices.
Boost your productivity with CSS Keyboard Shortcuts
For all you CSS code wizards out there, we have a treat for you! We’ve added over 20 keyboard shortcuts to all our CSS code editors to automate popular declarations. From media queries to states and pseudo-elements, these shortcuts are designed to skyrocket your productivity.
But wait, there’s more… Cool new tweaks!
- Now you can create CSS variables directly from our Variable Picker.
- We’ve introduced an Element CSS shortcut inside the element panel.
- Open your class in the Class Manager from a convenient element shortcut.
- Expand Spacing controls to get a lot more room for your variables and complex calc functions.
- Dynamic CSS variable suggestions.
- Add descriptions to your classes for better organization and clarity.
…and like always, this release includes tons of bug fixes and small UX enhancements!
Hope you’re excited about these awesome updates!
Class Manager Shortcut
Complementary Color Generator
Auto-darkmode
Import colors from a CSS variable List
Enable/Disable any Color Palette
Structure Panel Helper
CSS keyboard Shortcuts
Element CSS Shortcut
Expand Spacing Controls
Variable Manager
Advanced CSS improved
Variable Picker improved
New “full-size” option in Superpower CSS
“Comments” added to Superpower CSS
“Description” added to the Class Manager
Release 2.0.4
This release fixes an issue with the dynamic color variables being wrongly generated with duplicated prefixes (in case you added a global prefix inside the theme settings). It also enhances the following tweaks: style overflow, superpower CSS & import styles to a class from the ID.
Import ID styles to classes improved
Duplicated prefix in the color variables
Style Overview improved
Superpower CSS improved
Release 2.0.3
This release includes a hotfix for users who didn’t see the dynamic colors created with the Color Manager inside the builder anymore. It also includes a couple of new improvements.
Suggestion dropdown inside the Superpower CSS improved
“Active color on page” indicator improved
Darkmode toggle and button improved
Color variables not visible inside the builder
Release 2.0.2
This release includes some tweaks improvements and a couple of fixes. If you’re using the Strict Editor Mode for your clients, this update is required asap.
“Focus on first unlocked class” improved
The data-theme attribute is now toggling correctly inside the builder
“Disable auto-expand” wasn’t respected in Superpower CSS
Color variables were missing inside the suggestion dropdowns
Duplicated CSS variable suggestions in the Superpower CSS dropdown
Blank screen errors for editors using the Strict Editor Mode
Release 2.0.1
This release contains a hotfix for users who were unable to open the Advanced CSS modal and a couple of CSS fixes inside the builder.
Hotfix
Release 2.0
we’ve got some exciting updates to share with you!
Pre-requisite
This release is considered as a major update! Thousands of rows of code have been edited, and while it has been widely tested by the community, it could potentially break things… So please make sure to backup your site before updating!
Color Manager
We’re super excited to introduce our new game-changer feature, the Color Manager. You can now manage all your dynamic colors inside the builder, create unlimited shades, and generate advanced scales without leaving the builder. It also brings a whole new way to set a darkmode to your site.
Class Manager V2
Version 2 of the class manager lets you easily categorize your classes, use AI to generate CSS codes, and apply bulk actions to your classes: rename/duplicate/group or delete multiple classes in a few clicks!
New CSS controls
Column-count, white-space, transform & perspective, backdrop-filter, background-clip etc… are now properties you can add inside the builder without using custom CSS.
Revamped Class Converter
The class converter has been upgraded with basename auto-populated, a preview window, and new functionalities that make it a must-have in your building workflow.
Bug fixes and new enhancements
This release contains tons of bug fixes and small enhancements
Group your Classes by Categories
Generate CSS with AI
Bulk Actions on Classes
Convert Vanilla Bricks Colors into CSS variables
Manage & Organize Your Colors with Ease
Advanced Color Pickr
Alpha channel supported
Color Shades generator
Advanced Scale Generator
No-code Darkmode
Customize any shade and dark color variant
Set Custom Darkmode colors for ACSS variables
Meta Theme Color – Both globally and per page
New CSS Controls
Expand All Children Elements
New Filters / Transitions Tab
Color picker now accepts HEXA capitalized letters
Manually Rename Classes inside the Class Converter
Add you custom Icons inside the Light/Dark mode toggle/button
Enhanced the Light/Dark mode to avoid FUC on load
Copy Class name to Clipboard inside the Class Manager
Copy Color Variable to Clipboard inside the Color Manager
Active Colors on page indicator inside the Color Manager
Multi-select drag & drop in the Color Manager
More Granular Control over the classes created with the Class Converter
Manually Rename Classes for Bulk Actions inside the Class Manager
Reset button added to the Bulk Actions tab inside the Class Manager
Fixed a bug when the custom CSS selectors weren’t duplicated correctly when using the Class Manager
Adapted all the CodeMirror instances to support %root%
Improved Custom Theme compatibility inside the builder
Improved Default Palettes inside the Color Manager
Improved Import/Export Styles to Classes when using Mobile-first Breakpoints
Added a toggle to enable/disable the dark mode color variables on frontend
Added an option to import the Variable Framework from the database
Multi-select drag & drop inside the Class Manager
Class Manager is not an experimental feature anymore
Change element ID even if “Auto-focus on the First Unlocked Class” is enabled
The superpower css has been improved
Tag manager is working again
Set the Overflow control as a dropdown
Personalize the CSS generated for the Strict Editor View
Set the default AI model and tones of voice in the AI settings
The AI responses are now wrapped in a code block
Darkmode supports “prefers-color-scheme” settings
Improved compatibility with Mobile-first breakpoints
New Classes / ID Tab
Autoformat works inside the theme styles
“body.brxc-dark” has been retired
Release 1.3
we’ve got some exciting updates to share with you!
Introducing Class Manager
Get ready for something you’ve been waiting for! Now you can totally rock at managing your classes with this brand new Class Manager feature. We’re talking about cool filter options (like which classes are active on the current page, which classes have styles assigned, or even which ones are locked/unlocked), quick buttons for all sorts of actions (add, delete, rename, duplicate, change order, quick lock/unlock), a list showing you which elements are using a specific class, a sneak peek at the CSS magic Bricks does on the frontend, and guess what? You can even slap on some custom CSS right from the Class Manager. Give it a spin – you’re gonna love it! 🚀