One of the best things about Avada is the flexibility to create custom variations of elements and save them to the library for later use. This is especially handy when you need an element, such as buttons, for different purposes or designs — a primary, secondary, outline, and other. The only downside to this approach is that the styling is not global (feature request submitted) and if you decide to deviate from the element’s global settings, those changes will have to be updated manually. I am referencing buttons in this post, but this approach can be used for any element, column, or container.
While your approach to this may be different, to maximize global control and useability, I recommend the following.
Create a design page to house all your custom elements (save as draft if you don’t want it found). This will allow you to have a visual reference.
Only use global colors – this will allow easy updates for color-related design changes.
Use as many global settings as possible.
When saving to the library, preface the name with the element type such as button: Primary, button: Secondary, etc. This will make it very easy to search your library. Remember, library items are presented in order of the date and time added and not alphabetically (annoying).
In a recent project and for this site's new menu, I needed to change the default of the toggle heading and place the icon on the right side but not pushed the full width of the toggle panel. Fortunately, this is easy to do with a couple of lines of CSS.
ALLOW ALL COOKIES
Third-party cookies are cookies that are set by other websites, not this one. This website may use embedded content from other websites, such as YouTube or Google maps. Your consent is required to view content from these websites embedded on this site.
THIRD PARTY EMBEDS
These are cookies that are required for the operation of our website, details of which can be found here.