By Stephen Walker

Someone wanted to know if it was possible to recreate a feature they had seen on another website where there was a faded image to the right and text to the left.

Avada can handle this multiple ways:

  • Like the original, create images to use in the background. The original uses one image for desktop and a different one for mobile.
  • Use a background image on the column, and then place the text in a nested column (Sample 1). This can be done with 6.2.3 or version 7. Sample 1b changes the width of the text column.
  • Use nested columns and change the order on mobile and tablet (sample 2). Version 7

The challenge was using no custom CSS. I also chose to not use an image that included the fade. Check out the full explanation and results.

Originally published on July 27, 2020

Share this article:

Leave a Reply


Affiliate Advertisement