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

2. Navigation

In this section you can change the theme’s main menu, select a certain style for the menu, activate the sticky header option and also add social shortcodes or any other kind of content that will appear in the first two menu types.

3. Portfolio

Choose the default page for the portfolio and disable or enable unlimited portfolios.

4. Blog

Choose the default page for the blog.

5. Shop

Choose the default page for the shop and also select other things such as the number of columns in the grid, the grid style, products per page, whether you want to show the cart icon or related products.

6. Colors

You have two colors to change in this theme. Here’s what they represent:

  • main color - is the most used color in the theme (for buttons, links, certain highlights, hover elements, etc.)
  • secondary color - this is a lesser used color but it should be in tone with the main color, because there are enough places where these appear side by side

7. 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) & Merriweather (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; }

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

The theme doesn’t feature too much widget areas, but there’s a shortcode to add a widgetised sidebar anywhere you want, so if you need to use it for custom plugins or whatever, this is the area where you should create all of those custom sidebars.

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