Customization

Adding a custom look and feel to tags in Avada is easier than you may think.

I found another interesting navigation idea that uses a dropdown menu with a micro-interaction within a breadcrumb. I recreated it here for Avada users.

An extension of the previous post showing a variation of the hover interactions.

Using system fonts can help improve performance and compliance, but they are not a native option in Avada yet. CSS to the rescue ... again.

Adding small interactions can add polish to your site and help draw the focus of your website visitors.

Thanks to a video from the creator of Oxygen Builder, I was able to recreate the post slide from my favorite CSS reference - CSS Tricks - in Avada.

Sticky positioning is a great feature of modern CSS, but in Avada, it is not intuitive how to use it. CSS required.

Avada includes the ability to show a To the Top icon when a user scrolls down and it can be placed on the left or the right and appear to be floating. This is great for a lot of use cases, but maybe you want something different — I know I did.

One of the few instances where Avada handles accessibility incorrectly is hyperlinking within body content.

A user wanted to know how to constrain the height of a column with a background image to the height of the text in an adjacent column.

Over on the Avada Website Showcase group, Tom Dent posted a site with a very nice privacy bar implementation. It turns out it is just CSS applied to the Avada privacy bar and the basic settings in Avada options for positioning, colors, and content. Tom was kind enough to share […]

Adding visual styling using custom CSS