Customization

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.

Another article on moving post creation to Gutenberg, with some basic, albeit custom CSS.

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

I recently read an article on CSS Tricks about achieving a modern layout using CSS grid that allows your text to be a fixed width for optimal reading and allowing select images to to span the full width of your page or container.

I really like the new features available in Avada 7, but there are a couple of frustrations that have appeared post beta. This will address one such frustration - a mega menu in a custom header.