Johannes knowledge base
Knowledge base / Johannes / Theme options customizer overview

Theme options customizer overview

The Johannes theme comes with a comprehensive set of options, that you can manage within the WordPress live customizer panel. Once you go to Appearance -> Customize, you will be able to see the main tab which opens the Johannes theme settings (besides the default sections that come with WordPress by default).

Once you open the panel, all settings are further divided into logical sections for easy management (see the image below).

Note that some of the options have an impact on your website globally while some are related to a specific template or a spot only. So, make sure that you are looking at the right place on the website if you want to see the live preview of the changes. For example, open one of your posts/articles if you are currently changing the “Single Post” section.

In the following list, you can find the description of each particular section.


In this section, you can find all of the options related to your website header and navigation.

Post Layouts

Options to manage the appearance of all post listing layouts. Each particular layout has its own subsection with specific display options.

Front Page

Options to manage and set up the built-in home page template.

Archive Templates

Options to manage the appearance of your archive templates such as categories, tags, author archives, search results page, etc…


General options to manage the colors of default elements that belong to the main website content.

Sidebar & Widgets

In this panel, you can create additional sidebars that you may need for this theme and also manage the default colors for your widgets.


In this section, you can find all of the options related to your website’s footer, such as footer widgets layout, Instagram area, and copyright text.

Single Post

Options to manage the appearance of your single post template, such as default post layout, paragraph content width, related posts area, etc…


Options to manage the appearance of your regular pages, such as default page layout and content width.


In this section, you can manage the fonts you are using with the theme and font size options for various elements.


If you are using the WooCommerce plugin, this is where you will be able to set the default layout for your shop and product pages.


Inside this section, you can fill the predefined ad slots in order to display ads or banners across the website.


This is a section with a set of additional minor options that apply to your website globally.


Options to choose whether you want to load minified scripts and styles that come with the theme, as well as disable specific image sizes in order to save server space.


Easy to use translation panel. Here you can quickly change or translate all text strings that you can see on the website frontend.


This is probably a good place to start. You can choose one of our hand-picked design presets that will set all of the options above in bulk, and you can then go back and fine-tune the rest of the options to suit your needs.

Was this article helpfull? Yes No
Need more help?
If you have any further questions, we are here for you.