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

You can upload your logo, which can be of any size. You should always upload a larger logo than what you want to actually display, in order to have a proper logo for retina screens. Let's say that you want to use a 100x100px logo - you should upload a 200x200px logo and write the proper size (100px) in the logo width option.

Also, make sure that you upload two identical logos in light & dark version, because this theme will need both versions throughout, in order to perfectly display everything.

2. Navigation

Here you can chose the menu style from the two options: overlay and classic (added in version 1.1.3).

In this section you can change the theme’s menu background color and also add an optional background image. Please note that these need to be dark colors, because the text will be white.

You also have a text box to insert to text or shortcodes inside the menu. You can use this to put some social icons up there.

3. Footer

The theme's footer is composed from two areas. You can choose to only have one or to have both. You can also choose an optional background image for the large footer (it also needs to be something dark).

The footer's content is created through widget areas.

4. Colors

The theme features a single main color accent, present in some lines, links & buttons. Everything else is based on shades of grey & white, making the design really clean with huge emphasise on your content.

5. Site Identity

Here you should write your website's title, a tagline (used in the title of the homepage) and also insert a website icon (will be used for favicons and other).

6. Typography

The last section of the customizer holds two fields for custom fonts and some checkboxes for various subsets that you may want to use. 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 Montserrat (for headings), Raleway (for body) & Droid Serif (for quotes). 

We also pumped up the weight for the entire body, so if you’re using Raleway, you might want to paste this code in the proper place for custom CSS, under Theme Options: 

body { font-weight: 500; }

7. Blog

A single option is available here, and it flips between a classic or a modern blog style. It affects all blog related pages, such as post archives & search pages.

8. AJAX

The theme runs on a custom written AJAX solution for displaying portfolio projects without page refresh and with great looking animations. However, this kind of loading makes it impossible to run any custom javascript code within portfolio projects, so if you're using some third party galleries or javascript solutions, you'll have to disable AJAX in order for your plugins to work.

9. Shop

This is an option added in the 1.2.2 version of the theme.

Please make sure that you add the default shop page here and customize your shop page using the available options here.

10. Menus & Widgets

These two sections are automatically added by WordPress, and allow you to choose the theme's main menu or setup the footer (if applicable).


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 & Meta

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. You also have the possibility to add social meta to the theme in this section. 

You should disable this feature if you’re already running a different plugin which does this.

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

UP NEXT: Homepage & menu setup