Divi Documentation

Follow the instructions below to install and configure your new theme

« Back to Documentation

The Fullwidth Header Module

Module Overview

The fullwidth header module makes it easy to add beautiful, colorful headers to the top of your pages (or anywhere on your page, if you so chose). These modules can only be placed within full width secctions.

View A Live Demo Of This Module

The Module Options

Title - Enter your page title here.

Subheading Text - If you would like to use a subhead, add it here. Your subhead will appear below your title in a small font.

Text Color - Here you can choose the value of your text. If you are working with a dark background, then your text should be set to light. If you are working with a light background, then your text should be dark.

Text & Logo Orientation - This controls the how your text is aligned within the module.

Make Fullscreen - Here you can choose whether the header is expanded to fullscreen size.

Show Scroll Down Button - Here you can choose whether the scroll down button is shown.

Icon - Choose an icon to display for the scroll down button.

Button #1 Text - Enter the text for the Button.

Button #1 URL - Enter the URL for the Button.

Button #2 Text - Enter the text for the Button.

Button #2 URL - Enter the URL for the Button.

Background Image URL - Upload your desired image, or type in the URL to the image you would like to display.

Background Color - Choose a background color for the header

Background Overlay Color - Choose a background overlay color, which will be placed on top of the background image. Semi-transparent backhround overlay images can create cool effects when placed above background images.

Use Parallax effect - If enabled, your background images will have a fixed position as your scroll, creating a fun parallax-like effect.

Parallax method - Define the method, used for the parallax effect.

Logo Image URL - Upload your desired image, or type in the URL to the image you would like to display.

Text Vertical Alignment - This setting determines the vertical alignment of your content. Your content can either be vertically centered, or aligned to the bottom.

Header Image URL - Upload your desired image, or type in the URL to the image you would like to display.

Image Vertical Alignment - This controls the orientation of the image within the module.

Content - Here you can define the content that will be placed below the header and title text.

Admin Label - This will change the label of the module in the builder for easy identification.

CSS ID - Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.

CSS Class - Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

Join 292,799 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today