How to Customize Your Template’s General Settings

Before you start, you need to decide how you want to showcase your portfolio. This template comes with 2 options:

• Static portfolio page – with this option, on your portfolio page you will add photos that you want to showcase (view example here)
• Dynamic portfolio page – with this option, you will create blog posts of your work which will automatically be added to your portfolio page (view example here). If you choose this option, you will need to add at least 4 blog posts before launching your site. Learn how to add blog posts here.

Throughout this post there will be different instructions based on which option you choose.

All right, let’s start customizing your site! I will go down the side bar menu in order. Please complete ALL the steps on this page in the order they are written.

Pages

Add all of the pages for your website here:

1. Click the Add Page button at the top of the page
2. Add a title
3. Click Publish at the top right of the page

When building your site, we suggest including these key pages: Home, Services, Portfolio, About, Blog (if applicable) and Contact. All of these come with pre-designed layouts in your template.

Don’t forget to update and publish your Privacy Policy Page:

1. Click Edit With Divi under the Privacy Policy page
2. Click Use Existing Content
3. Update text
4. Click Publish

We will customize the content of your pages in the next post!

Appearance > Menus

1. Add a menu name
2. Check Primary Menu in the Display Location section
3. Click the Create Menu button
4. Select pages on the left side that you want to add to your website menu
5. Click Add to Menu
   • If you want to add a menu item that links to a URL outside of your website, click Custom Links in the Add Menu Items section. In the URL field, add the link (ex. www.bookinglink.com). In the Link Text field, add how you want the link to show up on the menu (ex. Book Now).
6. Reorder the Menu Items by clicking and dragging them
7. Click Save Menu

This will automatically add your Primary Menu to the top of your website and in the footer.

Plugins > Add Plugin

For the template to show up properly, you will need to add 2 plugins:

Smash Balloon Instagram Feed

If you do not plan on connecting your Instagram Feed to your website, you can skip adding this plugin.

1. On the Plugins page, click Add Plugin
2. Type Smash Balloon Instagram Feed into the search bar
3. Click Install Now
4. Click Activate

We will go over how to set up the plugin later in this post.

Supreme Modules Lite – Divi Theme, Extra Theme and Divi Builder

1. On the Plugins page, click Add Plugin
2. Type Supreme Modules Lite into the search bar
3. Click Install Now
4. Click Activate

You do not need to do anything else with this plugin.

Settings > Permalinks

1. In the Permalink Structure section select Post Name
2. Click Save Changes

Instagram Feed > All Feeds

If you did not add the Smash Balloon Instagram Feed Plugin to your website, you can skip this section.

1. Click the RED Add New button
2. Select User Timeline and click Next
3. Click on Add Source
4. Select Business Basic and click Connect
5. Click Connect with Instagram
6. Select Allow
7. Click Yes, it is my Domain
8. Select your Instagram Source and click Next
9. Navigate to Customize > Feed Layout > Number of Posts and Change Desktop to 5 and Mobile to 4
10. Next under Columns change Desktop to 5, Tablet to 4 and Mobile to 2
11. Press the < Customize button above the Feed Layout Header, then click on Header and disable it (toggle at the top)
12. Press the < Customize button above the Header Header, then click on Load More Button and disable it (toggle at the top)
13. Press the < Customize button above the Load More Button Header, then click on Follow Button and disable it (toggle at the top)
14. Click the RED Save button

Divi > Theme Options

Under the general tab:

1. Upload your logo
2. Upload brand colors to Color Pickers Default Palette by clicking the color you want to update and input the hex code (it will save automatically once you click on another color or anywhere else on the screen)
3. Click Save Changes

Divi > Theme Customizer

1. Navigate to General Settings
2. Under Site Identity, change these settings:
   • Site Title – input company name
   • Tagline – input company tagline
   • Site Icon – upload your Site Icon (the site icon is what you see in browser tabs, bookmark bars, etc.)
     • Your Site Icon has to be cropped as a square and at least 600px by 600px
3. Under Typography, change these settings:
   • Select your Header Font from the dropdown
   • Select your Heading Text Color by clicking on Select Color and either selecting one of your brand colors that you set up in your Theme Options or by inputting the color HEX code in the gray box
   • Select your Body Font from the dropdown
   • Select your Body Text Color by clicking on Select Color and either selecting one of your brand colors that you set up in your Theme Options or by inputting the color HEX code in the gray box
4. Navigate back to the Theme Customizer main menu and click Homepage Settings
5. Under Your Homepage Displays click A Static Page
6. Select your Homepage from the dropdown
7. Select your Posts Page from the dropdown (if applicable)
   • If you are using a Static Portfolio Page and do not plan on writing a blog, skip this step
   • If you are using a Dynamic Portfolio Page, set this to your Portfolio Page
8. Click Publish

Next Steps…

→ Customize your specific template

• Farley Template