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