Header – Abstract Gradient


Save loads of design time by adding this custom designed fullwidth header section to your website. Just add in your content and you’re header is ready. You can even change the colors and fonts to match your website’s design. Best of all, it’s free.

Click the Live Preview button in the Description below to see it in action!


The Abstract Gradient Header uses the fullwidth header module and is part of a tutorial post featured on the ET blog. See the link to the post below.

A download of the finished header wasn’t available in the post so it has been created it for you to download here. For free! Images and text may not be the same but it is the same style. A Photoshop template has also been included.

5 Creative Divi Header Module Styles You Can Achieve Using Built-in Settings

  • Created with Divi v3.23.3
  • No plugins used
  • Created only using the Divi Builder
  • Uses a full-width column module
  • Just add your content and you’re done
  • Easy to change colors and fonts
  • A Get Started help sheet
  • Save loads of design and set-up time

Adding Content

It’s easy to add in your own title, copy and button text. Just open the CTA module and replace the information that is there. Once your new content is in place you can adjust the padding if needed. In most cases it will look great with no adjustment needed.

Let Us Help

If you’re not comfortable changing the content, colors, fonts and image or don’t have the time feel free to email us about creating a custom designed hero section for your website. (Additional fees may apply.)


There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Custom Designed Divi Sections for Your Website

Get Divi