Logo Installation

Adding your Logo to the navigation bar is simple!

• 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
• Click the far left “transcend” logo image to edit module settings.
• Click the “image” box to upload your logo file (.png or .jpg)
• Resize logo size (if necessary) by clicking the “design” tab > sizing > width >
• Click save

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:

• 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 bottom bar of your website AKA “The Footer”

While still in the Divi Theme Builder “Default Website Template” module from Step 2 above:

• Click the “Global Footer” button > you will be taken to the Divi Builder for the Global Footer

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

• Click the blue section settings > background > color

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

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

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 fonts in this module unless it will be different than the default font you will set.

3-3 To Change the Placeholder Button Style

• Click the “Let’s Chat” Button module setting > Design > Button > change button style in this area as desired.

This Button Link is set to the contact 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.

3-4 To Add Your Mailing List Credentials to “Join The Inner Circle”

• Click the “Email Optin” Module Settings > Scroll down to Email Account > Select your service provider from drop down list > Add your account name > add your account API (this will be found within your mailing list account) > click submit to load.
• Click “Success Actions” to set what you’d like your successful list opt-in to say
• To change button style: Click “Design” tab and scroll to “button” to change button color and font

3-4 To Replace Placeholder Logo

• In the right hand, bottom corner, click the grey module settings where the “Transcend” logo is > delete placeholder logo by clicking logo and hitting backspace > click “add media” to add your logo > upload your logo or pick from the library > resize logo by clicking logo once inserted and dragging to desired size > click save

3-5 To Make Changes To Menu Bar

• Each word has its own link and is set to each corresponding page (Home is linked to home, About is linked to About, etc).
• To Delete A Menu Item: Hover over the desired module selection > click the trash icon > save
• To Change A Menu Link: Hover over desired module > click settings > change body text to match the desired page link > scroll down to link tab > module link > trash can icon > add the desired hyperlink or page using the dynamic content > save
• To Change Menu Color: Hover over one of the menu items > while holding shift button, right click a menu item settings button > while still holding shift, click each menu item setting button to highlight all  menu items > once all highlighted, click the settings button > click design > click text > text color

3-6 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

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 “Take Me 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.

Changing the Blog Post Template

While still in the Divi Theme Builder find > All Posts module >

•  Click Custom Body pencil icon > you will be taken to the Divi Builder for the Blog Posts.

Important: The categories, titles, and image placeholders, and placeholder content in this module are in place to set a placeholder for all blog posts. Do Not Change OR Remove any placeholder content from the top of the page down to the row labeled “Post Content Heading 1-6. All fonts and colors are set to default, which will change with your changes in a later step.

5-1 To Change the Author Bio:

• Scroll down the page to the module with the Author Bio and Pic > Click the grey module settings > Content>Change Name, Position, Social Media Links & Body to your desired content
• Scroll down to image > click image > upload or select the image you want to use.
• To change Image Background Frame Color click > Design Tab > Image > Shadow Color > change to desired color > click save

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.