Advanced Themer gives you the ability to add page transitions to your site in a few clicks! These animations can be set on a global level – affecting all the pages of your website – or on a page level. Inside the page level, you can also enable the ability to transition specific elements.
Release 3.0
Version 3.0 is one of the most significant updates we’ve ever released! We’re confident in its stability after extensive testing with minimal issues reported during Beta. However, we strongly recommend updating AT in a staging environment first. This ensures everything runs smoothly before deploying it to a live site. As always, back up your site before upgrading to avoid potential data loss due to unforeseen issues.
15 New Features!
This release is packed with groundbreaking new features that will transform your workflow. Here are just a few highlights:
- Quick Remote Templates: a brand new way to drag and drop your templates inside your pages.
- AI-powered SuperPowerCSS: leverage the power of AI when it comes to writing custom CSS inside any element of your pages.
- A brand-new color variable picker: much more intuitive and organized than the native color popup.
- Add CSS transitions when switching page thanks to the new Experimental Page Transitions feature.
Listing all the new goodies here would be way too long, so just have a look at the full list below!
33 Improvements to Existing Tweaks
We’ve overhauled some of the most popular features to make them even better:
- Tag Manager: no more confusing colors. Add custom HTML tags from the structure.
- Right Elements Shortcuts: new options to add/remove/move all your shortcuts as you want – including custom elements and components
- Style Overview: a whole new structure list to easily navigate through all the styles of your elements
- Granular import/export options: select all the database entries you want to carry on – including all native Bricks ones.
- …and Tons of UX/UI improvements!
Full Compatibility with Bricks Components
The latest Bricks release (v1.12) introduced major changes that broke compatibility with older AT versions. But we’ve gone the extra mile—rewriting our entire codebase to ensure full compatibility with Bricks 1.12. Every AT function has been thoroughly tested and updated to work seamlessly with the new Bricks components.
Optimized ACF Requests
This version brings a complete rewrite of how your server interacts with the database to retrieve options. On the frontend, the number of requests related to ACF has been reduced to just a few ultra-fast calls.
25 Bug Fixes
We’ve squashed numerous bugs reported in earlier versions, including some of the most annoying ones. Alongside the new features and improvements, this release ensures a more polished and reliable experience across the board.
Why This Update Matters
Version 3.0 is more than just an update—it’s a complete evolution of AT. From cutting-edge new features to improved compatibility and performance, this release sets the stage for a more powerful and efficient workflow.
Check it out today and experience the difference!
Quick Remote Templates
This powerful new feature lets you view all your remote templates in a clean, organized left panel, with categories for easy navigation. With Quick Remote Template, you can add multiple templates at once without leaving the modal. Plus, you can drag and drop entire sections into specific positions, and even save remote templates to your local server with just a single click!
Leverage AI to Generate or Improve the Custom CSS of your Bricks Elements
AI prompt manager
With the all-new AI Prompt Manager, you can now store your most frequently used prompts for quick and easy access. No more repeating the same input over and over again—simply select the prompt you need from a smart, intuitive dropdown. This feature helps you stay organized and saves valuable time, allowing you to focus more on your work and less on manual input.
Zoom-Out
Easily scale down your preview window to get a clear overview of your page. The best part? With Zoom-out enabled, only the root elements (typically your sections) are selectable within the preview window. These elements can be dragged and dropped only at the root level, ensuring you can reorder your sections without accidentally nesting them or disrupting the design by altering inner components.
Color Variables Picker
Easily apply your color variables to any builder control with the new Color Variable Picker. This tool showcases all your palettes in an organized layout, complete with each color’s corresponding light/dark shades and tints. After trying this feature, you won’t want to use the native color grid anymore!
Logical Properties controls
Simplify your CSS by replacing directional properties with logical properties. Logical properties adapt automatically based on the text direction and writing mode of your content, ensuring consistent layouts for both left-to-right (LTR) and right-to-left (RTL) languages. This approach reduces the need for manual adjustments, makes your code more maintainable, and improves accessibility for global audiences.
2 New Elements: Nestable Darkmode Button & Toggle
Introducing the Nestable Dark Mode Button and Toggle, two new elements offering full control over inner elements for easy customization. They are fully accessible on the fly – with aria-label
and focus styling, support logical properties, and include precompiled default styles within the builder controls.
Modified Mode
Bricks now lets you track which control has been modified on specific elements or classes. However, the feature has a limitation: switching to another element automatically disables the “modified view”, making it hard to navigate while checking for changes. With this new feature, the “modified view” will remain active even when switching between elements, making it easier to track changes across your structure.
Extract Variables as Global Variables
Remove Default Libraries for Icon elements
It’s tempting to add icons from Bricks’ default icon libraries, but doing so loads the entire library, which can result in unnecessary assets being added to the frontend. With this option, you can remove the default icon libraries from the Icon element and instead upload your own individual icon, boosting your site’s speed and optimizing performance.
Color Popup set to RAW and displayed as a LIST
By default, Bricks displays your colors in a grid view within the builder’s color picker and expects you to select a HEX value. For users who prefer working with CSS variables instead of static values, this often means switching to RAW mode repeatedly to paste your variable. With this new feature, the color picker will automatically open in RAW mode and display your colors in a convenient list format, streamlining your workflow.