Lesson 2: Add Your Brand

Customize the Divi theme to match 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.

Add Your Header Elements

Follow These steps:

Select the Header Elements tab.
Choose to show or not show the Search or Social Icons.
Click Save + Publish.

This step is optional if you find the search icon is taking up too much room on your Primary Menu Bar.

Capture Leads with Hello Bar

Follow These steps:

Create your free account with Hello Bar.
Follow the steps to Create a new Hello Bar.
 Adjust your Hello Bar settings to fit your website goals.
Click the instructions link to install your Hello Bar script.
Under I use WordPress, click Download to download your preconfigured plugin.
Install + activate the plugin on your website. Follow this.
Refresh your site to view your new Hello Bar.

HOVER OVER IMAGE + SCROLL TO SEE MORE

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.
Click the back arrow twice.

Pin It on Pinterest

Share this free online guide!

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

Shares