Divi – General Theme Options

Video Tutorial

Script & Screenshots

In this video I’m going to go through part of the Theme Options for the Divi theme.

To view these options, click on Divi on the left admin menu.

I’m going to go through the General Options in this video.

The first option is to add your logo.  Click on the Upload button to browse to the logo on your computer or use from your media library.

If you click on the Reset button, it will remove the logo you have currently uploaded.

Next is the Favicon.  Favicons are small square images associated with a URL that is displayed in a browser’s address bar or next to the site name in a bookmark list.

Here is an example of a fav icon.

The next option is the Fixed Navigation Bar.  This options allows you to set the menu nav bar to be fixed at the top of your screen when you scroll. So basically when you scroll down your page, your menu bar remains fixed to the top of the screen and shrinks to provide more readable space on the screen. All of this is customizable in the Theme Customizer area.

Enabling this will replace the WordPress default gallery with the Divi-style gallery.

The Color Pickers Default Palette is where you can change the default color palette for the Divi Builder.  If you use certain colors on your website that are different from the default colors, this is where you can change it to the colors you are using.  This will save you time from having to remember the hex or rgba codes each time you need to change a color.

The other option with Elegant Themes is to use the first image of each post as the thumbnail to be displayed on blog pages, category pages, and the Divi blog module.  It will also be inserted into a post twice, once at the top and again wherever you have manually inserted it.

By default, the theme truncates your posts on index/homepages automatically to create post previews. If you would rather show your posts in full on index pages like a traditional blog, then you can activate the Blog Style Mode.

Next is the Shop Page & Category Page Layout for Woo Commerce.  If you will be using eCommerce integration, you can define which layout you want your shop to use on product and product category pages.

In order to successfully create and use the Divi Newsletter Module, you will need to have a Mailchimp or Aweber account.  If you’re using Mailchimp, enter your API key here.  You will need to create a Mailchimp account if you haven’t already.  See the video series on Mailchimp on how to set up an account.  Same goes for Aweber.  You’ll need to create an account, then you can click on the Generate Authorization Code button.

By default, Mailchimp and Aweber lists are cached for one day. If you added new list, but it doesn’t appear within the Signup module settings, enable this option. Don’t forget to disable it once the list has been regenerated.

Divi places your social media links in your header and footer area.  You can enable one or both in the Theme Customizer settings.  Here you can control which social media icons you wish to display.  If you’re wanting to add Instagram or Pinterest, I will show you in another video how to add them.

And here is where you would put the links to your social media pages.

If you are integrating Woo Commerce with your website, here you can set the Number of Products displayed on Woo Commerce Archive Page

The next two options allow you to set the number of posts displayed on Category and Archive pages.

The next two options are very similar to the last two.  You can choose the number of posts displayed on Search and Tag pages.

This option allows you to change how your dates are displayed.  l = Full name for day of the week (lower-case L).  F = Full name for the month.  j = The day of the month.  Y = The year in 4 digits. (lower-case y gives the year’s last 2 digits).

Use Excerpts When Defined:  This will enable the use of excerpts in posts or pages.  Showing the full content will not truncate your posts. Showing the excerpt will only display the excerpt portion of the post.

The Responsive Short codes option enables short codes to respond to various screen sizes.  I’d suggest keeping this enabled so that your website will look good on mobile devices.

With the Google Fonts Subset, you can enable Google Fonts for Non-English languages.  If you have customers in other countries, you may want to enable this feature.

You can now enable a “back to top button.”  Now your page header is only one click away for your customers.  This feature is great for one page websites.

Smooth Scrolling.  Enable this option to get the smooth scrolling effect with mouse wheel.  This is great for one page websites.  The browser will smoothly scroll to any internal page links you add.

Disable translations if you don’t want to display translated theme strings on your site.

Custom CSS is where you can enter any custom CSS to customize your site. For extensive CSS modifications we recommend that you always use a child theme.  For more about child themes, check out our video series on that.

When you’re all done making changes, click on the Save Changes button.

That’s it for this video.  I’ll see you in the next one.

WordPress Divi Theme
Purchasing & Installing
   Purchase Divi Theme   (7:46)
   Installing Theme   (1:44)
Divi Builder
  Default Editor vs Divi Builder   (3:18)
   Page Settings   (1:05)
   Post Settings
Sections, Rows, Modules (SRMs)
  SRMs Overview
   SRMs Settings Tabs
  Adding SRMs
  Cloning SRMs
  Deleting SRMs
  Moving SRMs
  Changing Structures of Rows
   Types of Modules
   Types of Full Width Modules
Theme Options
   General Theme Options
   Navigation Theme Options
   Layout Theme Options
   Ads Theme Options
   SEO Theme Options
   Integration Theme Options
   Updates Theme Options
   Theme Customizer
   Module Customizer
Role Editor
   Role Editor Overview
   High Level Theme Privileges
   Builder Interface
   Library Settings
   Settings Tabs & Types
   Module Use
   Divi Library
   Global Items
   Premade Layouts
  Saving to the Library
  Loading from Library

Forgot Password?

Join Us

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.