
Using the Container Gradient
Like “Make the Image Pop,” this uses the gradient features of Avada to create the overlap effect. Just add a container with two columns, add the content the way you want, and then go to the container and adjust the gradient to me in the position you want. The only downside to the technique is that there is a not a way to adjust for mobile using the features of the Avada builder As a result you are left with two option: build the gradient with CSS and don’t use the Avada tool, or create a second container specifically for mobile which is what I have done here.
Using the Container Gradient
Like “Make the Image Pop,” this uses the gradient features of Avada to create the overlap effect. Just add a container with two columns, add the content the way you want, and then go to the container and adjust the gradient to me in the position you want. The only downside to the technique is that there is a not a way to adjust for mobile using the features of the Avada builder As a result you are left with two option: build the gradient with CSS and don’t use the Avada tool, or create a second container specifically for mobile which is what I have done here.
For a framed layout see the Offset Image Recipe.