I put together a recipe for creating an offset image layout. The key to this example was only using features of Avada with no custom code or other plugins. If this is useful, please let me know in the comments.

Originally published on Feb. 24, 2022

black dog wearing blue denim collarA Simple Source of Confusion
1 us dollar billThe Horizontal Post Card Slider

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  • Read Customizing Post Pagination

    Customizing Post Pagination

    In this article, I show how CSS can be used to customize the Avada pagination element.

    February 20, 2023

  • Read Quick Tip: Faux Nested Columns

    Quick Tip: Faux Nested Columns

    Overcoming a shortcoming in Avada with some CSS.

    December 4, 2022

  • Read Targeting the Boxes

    Targeting the Boxes

    I put together a quick demo to highlight the containers that do not have settings, but that can be targeted with CSS.

    November 3, 2022

  • Read Test Layout – The Becker

    Test Layout – The Becker

    Trying to duplicate the basic look and feel of Dirk Beckers' website using Avada.

    August 3, 2022

  • Read Services Section

    Another quick demo to mirror a Gutenberg-based design.

    January 15, 2022

  • Read Two Column Full Height and Width

    This was a request from the Facebook group to show how to center text inside full-height and width columns. The flex features make this extremely easy by setting the alignment to center (CSS equivalent: flex-justify-center and align-items-center).

    July 10, 2021