Theme Options & Customizer

Theme Customizer

The WordPress customizer is a tool which allows you to edit all the style options from a theme and visualize the changes live, as you make them. To open it go to  Appearance > Customize.

1. Header

This section controls the header of your website. You can choose to show or hide the top header and you can also insert the content for it here. It also has two other options to enable the sticky header and to show the search icon near the menu.

For the contents that you see in the demo, please refer to the  Shortcodes article.

2. Logo

You can upload your logo, which can be of any size. You need to also upload a double sized logo for retina displays and a favicon. If you do not do this, the theme’s logo will appear on retina displays and the favicon will be also the theme’s. Make sure that you also complete the logo’s size correctly (in px).

The default height of the logo is 46px, but if you’re using a larger logo, please refer to the Logo height article.

3. Navigation

In this section you can change the theme’s main menu and enable / disable the breadcrumbs.

4. Blog & Portfolio

This section has only two options - the default blog & portfolio pages. These are needed for various purposes (more backend stuff than frontend). But they are required!

5. Shop

Ignore this setting if you’re not using a shop in your website.

6. Footer

The footer section is the most complex one, since it enables you to control it’s entire design. You can choose to disable any of the three footers available in the theme, you can insert the content, style, etc..

For more info about hiding / displaying the “tertiary footer” on various pages only, please refer to the Tips & Tricks sections in the manual.

7. Colors

There is only one main color accent which you can change. It appears on hovers, various backgrounds, etc..

8. Typography

The last section of the customizer holds two fields for custom fonts. These are all Google Fonts. Please note that because Google changes it’s fonts on a regular basis, not all of the fonts you see on Google may be included here.

The font used in the online theme preview is Raleway (both headings and body).

For info on how to use a different Google Font than the ones in the list or even a custom font, please refer to the article  Improve theme typography

Whenever you make a change you’ll see the actual website refresh with the changes you do. Make sure that when you’re done, you hit the Save & Publish button. After this, you can close the customizer.

Theme Options

Other than these options which apply to the styling of the theme, you have another set of options, which don’t affect the style, but the functionality, and you should do a quick look there. You can find a new menu item under Appearance > Theme Options.

1. Analytics

Inside this section you should paste your Google Analytics code. If you do use these, please don’t forget to enable them first, otherwise not all page clicks will be triggered, even if you have your code placed.

2. Custom CSS

If you have any css rules that you may want to add to the website, this is the place to add them. However, if you want to do extensive modifications, i suggest that you go with a child theme, because it’s better. But more on this later. If you don’t have more than 100 lines of code you can paste them here.

3. Custom Sidebars

In this area you can define as many unique sidebars as you want. 

Please notice that you have to give a unique lowercase id (only letters, no spaces) to each sidebar in order for it to work properly.

4. Admin

Here you have a field for the replacement of the administrator login logo. Just make sure that you will respect the size written there and you can replace the theme’s login logo with your own brand or the client’s.

5. Updates

This is the place where you can configure auto updates by inserting you marketplace username and API key. 

 This feature doesn't always work on certain servers because of various limitations or issues that caused by Envato and thus out of our range to fix. 

If this is your case, please use automatic updates.
UP NEXT: Homepage & menu setup