Let’s look at the pros and cons of this approach.
Create a Hero Section in Divi using the Fullwidth Header Module
Benefits of this approach
Let’s take a look at the benefits of using the Divi Fullwidth Header module to build your Hero section.
All your content is in a single module
Design has been optimized
Disadvantages of this approach
Now let’s evaluate the downsides of using the Divi Fullwidth Header module to design your Hero section.
Less design flexibility
The Divi Full Width Header Module comes with the following options: Content is predefined, and many of them may be restricted if you want to add content that is not available in the module. This means less flexibility in your overall design.
Build two hero sections step by step
Now that you understand the pros and cons of both approaches, let’s build each hero part so you can see exactly how each method works.
Create a Hero Section in Divi using the Fullwidth Header Module
Creating a New Page with the Divi Builder
To get started, you need to do the following:
Install Divi on your WordPress site.
Add a page and give it a title.
Enable the visual builder
Create your hero section from scratch
Now that our page is set up, let's create a hero section from scratch.
Create a Hero Section in Divi using the Fullwidth Header Module
DOWNLOAD DIVI NOW!!!
Web hosting hebergement web
In order to use Divi’s drag and drop builder, we need to activate the Visual Builder by clicking the “Use DiviBuilder” button . This will reload the page using the Divi Visual Builder.
Choice: Build from scratch
Now that your page has been reloaded with the visual builder enabled, click on the option “ Build from scratch ” so that we have a blank page when designing.
Add rows and configure columns
Create a row with the following column structure.
Add Modules
Now let's add the content modules we taiwan phone number lookup need.
2 text modules, separator, a button in the left column
1 Image module in the middle column
1 image module in the right column
Now let’s take a look at how to recreate this Hero section using Divi’s Fullwidth Header module.
DOWNLOAD DIVI NOW!!!
Add a page and choose to build from scratch
Add a new page, give it a title, then click on “Use Divi Builder” and select “Build from scratch.”
Insert full-width sections and full-width titles
Insert a partial full width and select Full Width Title in the module library.
Package Contents
Add text content to the module in the Text tab.
picture
Add images in the Images tab.
Change the background color
In the Background tab, configure the following settings:
Background: #1D1D25
Title Text
To configure the title text settings:
Title font weight: Bold
Text size: 90px
main body
Configure body settings:
Body text color: rgba(255,255,255,0.55)
Subtitle text
To configure subtitle text settings:
Subtitle font weight: Bold
Text color: #4C594C
Letter spacing: 3px
Button
Now let's customize these two buttons.
Button One
On the Button One tab, configure the following settings:
Use custom style for button one: Y