Theme Options & Customizer

Everything that is seen in the preview can be easily customized in real time using the WP Theme 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 control the header’s layout, the logo’s position and the visibility of the search box.

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. You also have an option for the submenu style.

4. Layout & Background

You can set the layout to a boxed version and if you do so, you’ll also be able to control the background from the given options.

5. 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!

6. Blog

Just as above, you need to choose the default blog page and the blog layout. You should also choose the blog posts number in the modern blog.

7. Shop

Choose a layout for all shop pages (except inner products).

8. Search

Choose a layout for the search pages.

9. 404

You can choose a different page (which you need to create prior to this) as the default 404 page.

10. Colors

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

11. Typography

The last section of the customizer holds three 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 fonts used in the online theme preview are Helvetica Neue (both headings and body) & Cambria (for quotes).

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

The theme allows to use comments both in pages & posts along with the portfolio post type. Make sure that you enable them from this area but also enable them from WordPress.

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

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