• brown coffee beans beside white ceramic mug

    4 weeks ago

    Taking Full Advantage of the Avada Image Element

    Using CSS to overcome a major shortcoming of the image element,

“The Feature” was born out of a question in the Facebook group. The question was how to have a full container image and offset the content to the right.

Since there are no flex controls for nested containers, there are two approaches to making this work — legacy thinking or custom CSS.

Legacy thinking

This solution requires using an empty column to the left in order to force the column to the right. This is how Avada worked prior to version 7.

Custom CSS

To overcome the lack of flexbox controls for the nested column container, a couple of lines of CSS are all that is needed. This is because the nested column container has “display:flex” already applied.

Copy to Clipboard