Design With Divi
Now let's add your brand.

Upload Your Logo + Favicon

Follow these steps:

Under Divi, click Theme Options.
Under Logo, click Upload and choose your logo file.
Under Favicon, click Upload and choose your favicon file.

Add Your Brand Colors

Follow these steps:

Go to Color Pickers Default Palette
Enter the six-digit hex codes for each of your brand colors.
Click Save Changes.

Set Your Site Identity

Follow these steps:

Under Divi, click Theme Customizer.
Go to General Settings.
Select the Site Identity tab.
 Enter a Site Title.
Enter a Tagline.
Click Save + Publish.
Click the back arrow.

Adjust Your Layout Settings

Follow these steps:

Select the Layout Settings tab.
Adjust each to your preferred settings.
Click Save + Publish.
Click the back arrow.
The Theme Accent Color will change the color of elements such as Links, Widget Headers, Icons, Mobile Menu Icon, Primary Menu Active Link + a few more main elements.

Set Your Typography

Follow these steps:

Select the Typography tab.
Adjust each to your preferred settings.
Click Save + Publish.
Click the back arrow twice.

You’ll also have the option to customize your typography more in Lesson 5.

Style Your Buttons

Follow these steps:

Go to Buttons.
Select the Buttons Style tab.
Adjust each to your preferred settings.
Click Save + Publish.
Click the back arrow.
Select the Buttons Hover Style tab.
Adjust each to your preferred settings.
Click Save + Publish.

Choose Your Header Format

Follow These steps:

Go to Theme Customizer.
Under Header Format, choose your Header Style.
Click Publish to Save.

Style Your Primary Menu

Follow These steps:

Go to Theme Customizer
Under Header & Navigation, select Primary Menu Bar.
Adjust the Menu Height.
Adjust the Logo Max Height.
Set your Font Styles and Colors.

Choose Your Footer Layout

Follow These steps:

Go to Footer.
Select the Layout tab.
Choose your favorite Column Layout.
Set your Footer Background Color.
Click Save + Publish.
Click the back arrow.

Add Your Footer Widget

Follow These steps:

Go to your Theme Customizer.
 Under Widgets, choose your Footer Area.
 Select your widgets.
 Adjust the settings.
 Click Publish to Save.

Edit Your Footer Credits

Follow These steps:

Select the Bottom Bar tab.
 Adjust each to your preferred settings.
Edit the Footer Credits with your copyright info.
Click Save + Publish.

Pin It on Pinterest

Share this free online guide!

Show your friends how simple it is to build a WordPress website with Divi.

Shares