Background Gradient Image Overlay with the Divi Theme

by | Jun 10, 2021

In this tutorial video I’m using the Divi Theme to make a background gradient image overlay.

Divi Theme Background Image Gradient Overlay

One of the things I love about the Divi Theme is that they make changing images, backgrounds and overlays so much easier than it was previously done.

The tutorial goes over step-by-step how to change the background gradient & image overlay. You can watch the video below.

How to make a Background Gradient with Divi Theme

To make the background image overlay go to your section settings and put a background image in place.

Once that image is placed, scroll down to the blend mode. Change the blend mode to overlay.

You won’t see anything if you don’t have a background color or gradient.

Multi-Colored Gradient Background Overlay

If you do have a background color on you can go to the gradient tab if you want to make the overlay multi-colored.

Keep in mind that if you have a solid background color and gradient on the gradient will override the solid color.

This technique is effective to use with landing pages. I have a playlist of over 20+ landing page tutorials that I’m sure you will enjoy.

Current Post

→ The Best WordPress Theme

→ Email Automation Software

→ How to Monetize Landing Pages

→ The Blueprint the Ordinary People are Using to Become Super Affiliates

→ Free Course Reveals Step-by-Step Method to Working Online in 2021



Share This