Theme Customization

This document covers the setup and options of theme feature described in the doc title

The theme includes tons of easy to use options to customize the design of your site. Most of your theme options can be found in the live WordPress theme customizer. Theme uses only native WordPress functions, so you should be familiar with the way the customizer looks and works.

Simply navigate to Appearance > Customize to make changes to the design of your website.There you can find all options to change anything in theme, it is easy and intuitive. This is a live customizer, so all changes you can see at once, without saving, then when you like the result you can save it.

Alt for image
Customizer Settings

Site Identity in Customizer

  1. Here you can change the favicon of the website.
  2. We have the option to change the website title.

Go to wp-content > Appearance > Customize > Site Identity.

Alt for image
Site Identity

General Site Settings in Customizer

We can access the general site settings by goto wp-content > Appearance > Customize > General Site Settings.

Alt for image
General Site Settings

Preloader in Customizer

  1. We can enable or disable the preloader option from here.
  2. We can change the color of the preloader from here.

wp-content > Appearance > Customize > General Site Settings > Preloader.

Alt for image
Preloader Settings

Site Header in Customizer

  1. We can change the color of the header from here.
  2. We can make the header stick on the top by checking the checkbox to header Fixes: Enable.
  3. wp-content > Appearance > Customize > General Site Settings > Site Header.

    Alt for image
    Site Header Customizer
  4. We have the option to change the header style according to your choice by selecting one of the options.
  5. Alt for image
    Muliple Header Styles

Scroll Top Button in Customizer

  1. Here we have the option to change the color of scroll to the top buttons attached on the footer.
  2. We can enable or disable the scroll to the top button by checking or unchecking the enable checkbox.
  3. wp-content > Appearance > Customize > General Site Settings > Scroll Top Button.

    Alt for image
    Scroll Top Button

Responsive Logo and menu in Customizer

  1. We have the option to change the width of the logo in mobile view from this setting.
  2. We can change the responsive navigation colors from this setting.
  3. We can adjust the padding and margin of the logo in a responsive view from here.
  4. goto wp-content > Appearance > Customize > General Site Settings > Responsive Logo & Menu.
  5. Alt for image
    Logo And Menu Options

Typography in Customizer

Here we have the option to change the typography like font-family, font-color, font-weight, Text-styles etc for the heading, text, menu, Blog posts, buttons etc goto wp-content > Appearance > Customize > Typography.

Alt for image
Typography Settings

Header Settings in Customizer

Here we have the opinions to change the logo in the header, Background colors, menu links colors, sub menu margins etc goto wp-content > Appearance > Customize > Header Settings.

Alt for image
Header Settings

Page Title Settings in Customizer

Here we have the options to change the sub banner settings like background image, colors, overlays, spacings of the banners etc by simply goto wp-content > Appearance > Customize > Page title settings > General.

Alt for image
Page Title Settings

Site Layout Settings in Customizer

You can change the website layout settings by simply goto wp-content > Appearance > Customize > Site Layout.

  • We can change the layout to full width or boxes.
  • We can set the layout positions.
  • We can set the by default width of the container from here.
Alt for image
Site Layout

Archive (Blog) Settings in Customizer

All the archive (Blog) settings are present in this tab you can simply access all the blog setting by simply Goto wp-content > Appearance > Customize > Archive (Blog).

  • We can change the layout to full width or boxes.
  • We can set the layout positions.
  • We can set the by default width of the container from here.
Alt for image
Archive Blog Settings
Alt for image
Archive Blog Settings

Basic theme customization
Getting Started
Product Features
Customization
Help