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

Here you are able to set certain elements for the space above the header and also configure the search icon.

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).

3. Navigation

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

4. Portfolio

This section has one option - the setting of the default portfolio page. Note that even if you’re using multiple portfolios, having a default one is required!

5. Blog

Just as above, you need to choose the default blog page and the blog layout.

6. Footer

The footer offers only a place to write some copyright information and configure the CTA area. The contents are widgets.

7. Background

Since this theme has a boxed design, you can choose a background color or upload an image to be used as a background.

8. Colors

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

9. 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