How to Blend Your Header & Body Using Divi’s Post Content Module & Section Dividers - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress Elegant Themes Video: How to Blend Your Header & Body Using Divi’s Post Content Module & Section Dividers.
By now, we’ve all gotten used to Divi’s built-in section divider. They help add that extra touch to the websites we build. They also serve as a smooth transition between two different sections, but with Divi’s Theme Builder, the approach to creating that transition is slightly different.

In this post, we’ll guide you through the steps you have to take to get there. You’ll be able to download the template JSON file for free as well!

Read more: https://www.elegantthemes.com/blog/divi-resources/how-to-blend-your-header-body-using-divis-post-content-module-section-dividers

Published: Wednesday, January 22, 2020 6:59 PM
Category: Wordpress Elegant Themes

92 Views

Related Videos

How to Add Motion to Your Section Dividers with Divi

by Best Webhosting Added 4 years ago 85 Views / 0 Likes

Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to add motion to your section dividers using Divi’s Transportation Services Layout Pack. We’re already familiar with Divi’s built-in animations, they’re part
How to Frame Your Navigation Menu with Section Dividers in Divi

by Best Webhosting Added 4 years ago 83 Views / 0 Likes

Multistreaming with https://restream.io/ Hey Divi Nation, welcome to a brand new Divi Use Case live stream. Your navigation menu is one of the first things visitors look for when they go to your site. Because of this, websites make sure to give it the primary real estate (at the top of the page) it deserves. But if you are looking to make your navigation menu stand out a little more, you can spice it up with a custom background to frame it in creative
How to Create Background Textures with Divi’s Section Dividers

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

Section dividers take your website design to the next level. They allow you to make your website extra appealing and they give that sophisticated factor to it as well. Taking advantage of Divi's built-in options in a creative way can help you save a lot of time using image editing software. One of those creative approaches is using section dividers to create background textures for your website. The best way to learn how to do this is practicing. We'l
Popular
How to Create Stunning Text Designs Using Section Dividers in Divi

by Best Webhosting Added 4 years ago 114 Views / 0 Likes

Creating unique text designs for your website can be challenging, especially if you don’t want to use a ton of CSS or resort to supplementing seo-friendly text for images you design in Photoshop. With Divi (and some “out of the box” thinking), you can create some unique text designs without any external css or custom images. The trick is to use Divi’s section dividers to overlay your text to add breaks and texture in a number of different ways. In thi
Popular
How to Indirectly Apply Divi Section Dividers to Your Design Part 1

by Best Webhosting Added 4 years ago 102 Views / 0 Likes

With the arrival of Divi’s new section dividers, creating stunning websites without extra CSS code has become incredibly easy. By default, section dividers are used to create elegant transitions for your sections. But you can use section dividers for other purposes as well. In a previous post, How to Create Background Textures with Divi’s Section Dividers, for instance, we’ve used sections to enhance the design of the section itself instead of focusin
How to Create Beautiful Footer Scroll Reveals Below Divi’s Section Dividers

by Best Webhosting Added 4 years ago 99 Views / 0 Likes

Throughout all the design trends, footers remain essential. People have gotten so used to them, which in turn makes them highly user-friendly. They help visitors organize their stay on your website and navigate to the precise page they’re looking for. With Divi, you can easily create any kind of footer in one single section. Now, if you’re looking to give your footer some extra dimension and interaction, you’re going to love this post. We’ll creativel
How to Use the Post Content Module in the Divi Theme Builder

by Best Webhosting Added 4 years ago 78 Views / 0 Likes

The Post Content Module is a special module available when creating a Body Area Layout for a template in the Divi Theme Builder. Understanding what the Post Content Module is and how to use it will be extremely helpful when designing custom Templates with the Divi Theme Builder. In this tutorial, we are going to go over how the Post Content Module works and how best to use it when designing templates in Divi.
Popular
How to Rotate Section Dividers to Create Stunning Side Borders with Divi’s Transform Options

by Best Webhosting Added 4 years ago 103 Views / 0 Likes

Multistreaming with https://restream.io/ Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to rotate section dividers to create stunning side borders with Divi’s new transform options and the Calligrapher La
Download & Use 6 FREE Module Dividers for Divi

by Best Webhosting Added 4 years ago 75 Views / 0 Likes

By now, we’ve all gotten used to the section dividers that are included in Divi. In past tutorials, we’ve also shown you how you can make these section dividers apply to modules and rows. But if you want to use module dividers that are only connected to modules and not other design elements, this post is for you. We’re going to share 6 FREE module dividers that you can use for any kind of Divi website you build. These module dividers will be included
How to Stunningly Combine Divi’s Column & Module Backgrounds with Blend Modes

by Best Webhosting Added 4 years ago 88 Views / 0 Likes

With all various Divi built-in options and regular feature updates, the quality of the websites designs you create can go up quickly. One of the feature updates that was long expected was the filters and blend modes one. We’ve already shared some great examples that you can recreate and we’d like to add one to that list; how to stunningly combine Divi’s column and module backgrounds. Blend modes work like layers do within Photoshop; once you apply a b
How to Automatically Place Your Header Below Each Page’s First Divi Section

by Best Webhosting Added 4 years ago 70 Views / 0 Likes

Multistreaming with https://restream.io/ Ever since the Divi Theme Builder has come out, we’ve been sharing tutorials on how to create and customize a header to match it with different needs you might have. In today’s tutorial, we’ll continue that journey by showing you how to automatically place a custom header below each page’s first Divi section. This approach allows visitors to see the hero section of your pages first and then get access to the me
How to Indirectly Apply Section Dividers to Your Design Part 2

by Best Webhosting Added 4 years ago 88 Views / 0 Likes

Welcome to part two of the blog post on indirectly applying section dividers to rows and modules! In part one of this post, we’ve applied section dividers to rows and created a unique and stunning design step by step. In the second part of this post, we’ll do the same thing but for modules. For this approach, we’ll create two versions: one for desktop and one for tablet and phone. Although the tablet and phone version isn’t really required, it will he