Creating a Logo/Text Cutout Effect in Divi

by | Jan 30, 2019 | Divi Tutorial | 8 comments

Welcome to my first tutorial of 2019!

In this tutorial, I show you how to create a cutout effect with a logo or text in Divi. Effect is based off of this site (as of 1/29/19). So crank up some Limp Bizkit if you feeling like throwing back to 1999 and let’s get to it.

Here are the steps shown in the video: (note that the order of these steps doesn’t really matter)

  1. Create a regular section
  2. Insert a video or image background
  3. Create a single row
  4. Input image or text module then insert image (make sure image or text is set to Black)
  5. Add row background color
  6. Adjust row to full width and set gutter width to 1
  7. Adjust padding of section to 0
  8. Add padding to top and bottom of row
  9. You may want to add some padding to the the image or text module
  10. Set row screen blend mode to “Lighten” or “Screen”

Then you’re all set!

Links mentioned in the video: