I had previously written about the plugin ScriptsOrganizer from DPlugins, but the recent update (3.4.2) makes it ideal for customizing Avada. The latest addition makes it possible to ingest all the CSS variables and makes them available for reference. If you are unfamiliar with variables, Avada’s global styles and settings set variables and depending on the number of elements you have enabled, this could be upwards of 300-500. Having the ability to quickly lookup a variable while you are writing custom CSS is very handy. This is an 80 percent solution because you must scroll the list (no search), but then you can double-click the variable to insert it in the code interface. I asked, and a future release will make these available in the IntelliSense feature of their implementation of the Monaco editor — truly useful.

Originally published on Sept. 25, 2022