Divi Theme Readme

Follow the instructions below to install and configure your new theme

« Back to Documentation

An Overview Of Divi Sections

Sections Are Your Largest Organizational Element

Sections are the biggest building block in the Divi builder. You can think of them as horizontal stacking blocks that can group your content into visually distinguishable areas. In Divi, everything you build starts with a section. This content wrapper has various settings that can be used to do some really awesome things.

Background Image - If defined, this image will be used as the background for this module. To remove a background image, simply delete the URL from the settings field.

Background Color - If defined, this image will be used as the background for this module. To remove a background image, simply delete the URL from the settings field.

Background Video MP4 - All videos should be uploaded in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers. Upload the .MP4 version here. Video backgrounds are disabled from mobile devices. Instead, your background image will be used. For this reason, you should define both a background image and a background video to ensure best results. Important Note: In order for the MP4 video format to work in all browsers, your server must have the correct MIME types designated. You can learn more about using .htaccess to define MIME types here. If you notice your videos are not playing in certain browsers, then this is likely the reason.

Background Video WEBM - All videos should be uploaded in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers. Upload the .WEBM version here. Video backgrounds are disabled from mobile devices. Instead, your background image will be used. For this reason, you should define both a background image and a background video to ensure best results. Important Note: In order for the WEBM video format to work in all browsers, your server must have the correct MIME types designated. You can learn more about using .htaccess to define MIME types here. If you notice your videos are not playing in certain browsers, then this is likely the reason.

Background Video Width - In order for videos to be sized correctly, you must input the exact width (in pixels) of your video here.

Background Video Height - In order for videos to be sized correctly, you must input the exact height (in pixels) of your video here.

Inner Shadow - Here you can select whether or not your section has an inner shadow. This can look great when you have colored backgrounds or background images.

Parallax Effect - If enabled, your background image will stay fixed as your scroll, creating a fun parallax-like effect.

Use Sections To Create Fun Designs

The above example illustrates a page with various sections. At the top, a background video is used. Following the video are two sections with parallax background images, followed by a simple section with a plain white background. Here you can see a few cool things that can be accomplished using the section settings panel. For a full tutorial on how the above page was built, please refer to the screencast at the top of this page.

For the all-inclusive price of $69, you are only paying $.79 per theme!

Join our 233,869 happy customers and get complete access to our 87 themes

100% Satisfaction Guaranteed Or Your Money Back!

Sign Up Today

Take One Of Our Free Themes For A Test Drive?

Signup for our newsletter and get access to a free theme, as well as daily WordPress tips, tricks and resources.