Starting with version 1.9.8, Bricks introduced a native CSS Variable manager fully integrated with its builder. At this point, Advanced Themer had two options: either continue using its own method for creating and managing CSS variables independently of Bricks or convert all existing variables to align with the new Bricks architecture.
Given Advanced Themer’s goal of closely following Bricks’ development, the latter option was chosen. Consequently, as of the 2.6 release of Advanced Themer, all previously created CSS variables have been converted to Bricks’ native variables.
However, this transition left out the default variables for spacing, typography, border-radius, and similar settings. The good news is that you can easily re-import these default variables.
Follow the steps in this article to restore your default CSS variables in Bricks!
Download the JSON file
The first thing to do is to download the following ZIP file that contains the JSON file with the default variables used in the previous versions of Advanced themer:
Make sure to unzip the downloaded file and use the JSON only!
Import the JSON file inside Bricks
The next step is to open the Variable Manager from Bricks and click on the import icon (top right):
Drop the JSON file you downloaded earlier in the corresponding field (the bottom square) and close the window:
You should now have all your variables working:
And that’s it! If you experience any issue, feel free to contact the support!