• In your WordPress Dashboard, scroll down to Divi > Theme Builder
• Click the lime green box labeled “Global header” in the far left “Default Website Template” box

1-1 Installing Your Logo

• Click the grey module setting button where the “Spectrum” Logo is set > scroll down to logo > upload logo (png or jpg)
• To resize logo, click design tab > sizing > adjust max height and width as needed

1-2 Setting Menu

• While still in the menu module setting above, click content tab > menu > select your menu from drop down > if your menu has not been created yet, you can find instructions on creating your menu here

1-3 Secondary Header (The very top of the header)

While still in the Global Header module from Step 1 above:

• Click the very top bar of the Global Header
• Click the center and left module to change the placeholder text
• Click the far right module box to change the Social Media icon > add YOUR social media link to each social media icon or delete icon by clicking trash can > change color of icon by clicking > Design > Icon > Color>
  • To change background color of icon > content > select icon > content > background color

To Change the background colors of the modules:

• Click the blue section settings > background > color
• Click the very top green row settings > background >color

Be sure to click save at the bottom right and click “save changes” in the main Theme Builder Page.

Changing the very top heading bar

While still in the Global Header module from Step 1 above:

• Click the very top bar of the Global Header
• Click the center module to change the placeholder text
• Click the far left module box to change the Social Media icon > add YOUR social media link to each social media icon or delete icon by clicking trash can > change color of icon by clicking > Design > Icon > Color
• Click the far right box to change the button link > button > link

To Change the background colors of the modules:

*Video shows Transcend Kit, but instructions apply to all kits.

• Click the blue section settings > background > color
• Click the very top green row settings > background >color

Be sure to click save at the bottom right and click “save changes” in the main Theme Builder Page.

In your WordPress Dashboard, scroll down to Divi > Theme Builder

• Click the lime green box labeled “Global Footer” in the far left “Default Website Template” box

3-1 To Change the background colors of the modules:

• Click the blue section settings > background > color

3-2 To Change the Placeholder Text/Design of the modules:

• Click the grey module settings > Text > Insert/Change Title & Body to your desired content
• To change Heading/Text Font (does not apply to Center Menu): Click Design Tab > H1 > change to desired heading color > Text > change to desired body text.

3-3 To Change the Placeholder Button Style (right of page)

• To Make changes to each menu button, hold down shift button, left click the center of each center menu box > Click Gear setting Icon > Design Tab > Change button background, text, heading color
• To change page link, be sure to exit group edit mode, click the gear icon on button you’d like to change > content > link > change to desired link

This Button Links are set to the corresponding menu pages. There is no need to change the button link unless you have a different page you would like to direct to. This can be done in the Button Module settings by clicking “Content” Tab > Link > delete current link by clicking the trash can > insert your desired link

Be sure to click save at the bottom right and click “save changes” in the main Theme Builder Page.

3-4 To Add Your Social Media Links or Delete a Social Media Graphic

• To add your social media links: Click the module settings > Content > Body > Click desired social media icon > once selected (grey box around icon), click insert link button in toolbar above the text > add your social media URL corresponding to that social media icon > click “target” > open in new window > ok > repeat for each social media icon > save.
• To delete a social media icon: Click module settings > content > Body > click desired social media icon until highlighted with grey box around > click backspace > save

3-5 To Change The Menu In Footer

• The Menu is set as “footer menu”. To add a new menu, please visit: Menu Setup
  • After setting up an additional menu, be sure to select the desired menu from the dropdown list in the Menu module
• To update the Menu Style: Click the grey gear icon > click design > change to desired font, font color, and size. To change background color of menu > content > background

Be sure to click save to save all changes in this Global Footer by clicking the 3 dots at the bottom of page and clicking save. Click “x” button once saved. Click “all changes saved” button on theme builder page to ensure all changes are saved.

Changing the 404 Page Content

While still in the Divi Theme Builder find > 404 Page module >

•  Click Custom Body pencil icon > you will be taken to the Divi Builder for the 404 Page

4-1 To Change the background colors of the module:

• Click the green row settings > background > color

4-2 To Change the Placeholder Text and text color of the module:

• Click the grey module settings > Text > Insert/Change Title & Body to your desired content
• Deisgn tab > text > text color

Placeholder Text Fonts have been set to “default”. In a later step, you will be shown how to change the default fonts to your desired style/font. There is no need to change font style in this module unless it will be different than the default font you will set.

4-3 To Change the Placeholder Button Style

• Click the “Back To Home” Button module setting > Design > Button > change button style in this area as desired.

This Button Link is set to the home page. There is no need to change the button link unless you have a different page you would like to direct to. This can be done in the Button Module settings by clicking “Content” Tab > Link > delete current link by clicking the trash can > insert your desired link

Be sure to click save at the bottom right and click “save changes” in the main Theme Builder Page.

Be sure to click save to save all changes by clicking the 3 dots at the bottom of page and clicking save. Click “x” button once saved. Click “all changes saved” button on theme builder page to ensure all changes are saved.