The Divi Builder

One of the reasons we love the Divi theme is the page builder. The flexibility and power of the Divi Builder is incredible. Just pull a design from the Library or start from scratch. Drag, drop, move to your heart’s content until your design is perfect. Did you create a two column design but need it to be three? Easy fix. All these different options, why use anything else?

Divi Builder Fullwidth Section

As mentioned in all the different blogs and pages, the Divi Theme comes with 46 Module types. These range from Accordions, Contact Forms, Galleries, Pricing Tables, Shopping Cart items to Videos and Video Sliders. The type depends on the section you choose. With this blog post, we will discuss the Fullwidth Section. With the Fullwidth Section, you have 9 module choices. Most are self-explanatory. I’ll explain the basics here, but the intention is to give you a quick reference on what things you can do, not the details on how to do it. We have full training videos that explain anything you need to learn in detail.

The most common modules we use are the Fullwidth Slider, Fullwidth Header as well as the Fullwidth Map. We typically use the Fullwidth Slider on the home page. Create great 3 to 5 picture sliders that explain your product and service in a quick way. We use the Fullwidth Header as highlight text or quotes with a nice big image to break up a section on any page and also at the top of internal pages. Using Make Fullscreen for the Fullwidth Header module is an excellent effect. Have a nice hero image on your services page will make the page stand out and become more compelling. We use the Fullwidth Map on pages like the contact us pages or with events that need a map. The Fullwidth Map is connected to Google Maps.

We use the Fullwidth Code module to add code like JavaScript for tracking pixels for tools like AdRoll and Facebook and other embed code. WordPress will strip out any embed code or JavaScript thinking it may be malicious. If you have tried to embed a YouTube video in a text module and toggled between the Visual Editor and Text Editor to find the video is gone, you will know what I mean. Use this module so that WordPress does not strip out the embed code.

If you create a landing page using the Blank Page template under Page Attributes, that page will be outside the main menu. For people to navigate the page, you can add a Fullwidth Menu. We use that on our landing pages so that people can jump to different sections of the page and not leave the main page. The best example is our home page. The reason for this feature is you want potential customers to be driven down your sales funnel and not get distracted by several different options.

The Fullwidth Portfolio is useful and looks great on your home page. It attaches to the Projects custom post type. If you are a web designer, you use Projects to hi-light the companies you have worked for or the websites you have built. The page can explain all the different tools you used to accomplish an individual project. It is a typical WordPress page or post but has it’s custom category type that attaches to the Fullwidth Portfolio. If you like the way this module looks, it only works with Projects and not other module types.

The Fullwidth Post Slider and Fullwidth Post Title are tools for your blogging pages. The Fullwidth Post Slider will create a slider off the Featured Image of a post. The Fullwidth Post Title displays all the titles to your blogs. Turn your blog into something attractive and compelling to your audience using these great tools.

All these different module types will enhance your pages. It will help display text into an easier to read format. It will help customers get better results with their products or services. Next week, I will discuss the Standard Section and the 30 different Module Types. Happy designing!

Take A Test Drive

Sign up for a 15 day free trial to our powerful WordPress Hosting Platform.  Take advantage of everything we have to offer for free.  No credit card required!