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).

Originally published on July 10, 2021

white wooden table near brown chairAvada's Fusion White Label Branding
people walking on pedestrian lane during daytimeContain Images

Leave a Reply

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

RELATED ARTICLES

  • 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 Offset Image Recipe

    I put together a recipe for creating an offset image layout.

    February 24, 2022

  • Read Services Section

    Another quick demo to mirror a Gutenberg-based design.

    January 15, 2022