1. INTRODUCTION

Glaze Blog is a premium version of the WordPress theme Glaze Blog Lite. Glaze Blog is mainly suitable for building or creating websites that mainly focuses on publishing and sharing their incredible stories, views, experiences etc. on backgrounds such as travel, gourmet, fashion, lifestyle, business, technology, sports etc. Glaze Blog compatible with Gutenberg and supports many WordPress plugins such as Elementor Page Builder, JetPack, Woo-commerce, Yoast, All In One SEO, Amp, Contact Form 7, MailChimp etc. Glaze Blog also comes with features such as lazy load, built-in social sharing, built-in Instagram feeds, custom widgets etc.

2. THINGS TO KNOW

RECOMMENDED PLUGINS

Perfectwpthemes Toolkit: This plugin contains the necessary information and various useful links. Also, to import demo content, this plugin must be installed.

Elementor Page Builder: Elementor lets you to create pages with drag and drop. You can customize a page that suit your taste.

Woocommerce: Woocommerce gives you the platform to easily set your own online shop or store and sell products and goods.

Contact Form 7: Contact Form 7 is a simple plugin which can be used to create contact forms and use those forms on your pages.

Regenerate Thumbnails: Regenerate Thumbnails is a plugin to regenerate thumbnails defined in theme. Note: If you’re switching theme, then it is essential to install this plugin and regenerate all the thumbnails.

THUMBNAIL SIZES

In Glaze Blog, there are multiple layouts to display posts and pages. Those layout uses specific size of images. Following are the sizes of images:

800×450 – This image size is used in Category Section, Blog/Archive/Search layout one and five.

450×450 – This image size is used in Related Posts Section in post single, Category Section, Author Widget, Post Widget, Blog/Archive/Search layout two and three.

650×450 – This image size is used in Category Section and Blog/Archive/Search layout two and three.

MENUS

In Glaze Blog, there are two menus used. One menu is a primary menu and other is a secondary menu which is displayed on top header section of header layouts one and seven. For more detail, see Menu section.

HOMEPAGE SETTING

If you are using blog theme then Homepage setting is recommended to set as your latest posts. If you will be using page builders at homepage even though it’s a blog theme that’s fine to go ahead with static page for homepage.

Mostly News/magazine/Business themes requires static page to set as front page.

In our case as glaze blog is blog theme we recommend you to use latest posts as homepage setting

WIDGETS

In Glaze Blog, there are three different custom widgets, Author Widget, Post Widget and Social Widget. For more detail see Widgets section.

3. THEME INSTALLATION

There are two ways to install the theme. They are as follows:

  • VIA WORDPRESS DASHBOARD
    • Navigate to Appearance > Themes.
    • Click on Add New button.
    • Click on Upload Theme button.
    • Upload theme file with .zip file format and click on Install Now button.
    • After theme installation activate the theme.
  • VIA FTP
    • Login to your FTP client application.
    • Navigate to the WordPress installation folder.
    • Navigate to wp-content > themes folder.
    • Upload the theme folder into themes folder of server.
    • Login to your site’s Dashboard.
    • Navigate to Appearance > Themes.
    • Activate the theme.

4. ACTIVATE LICENCE KEY

Kindly activate licence key after purchase Glaze blog. You can find licence key at your email along with the file download permission.

5. IMPORT DEMO CONTENT

You can set up your site by importing demo contents. For this you must install Perfectwpthemes Toolkit plugin. Once you’ve installed the plugin, follow the steps mentioned below to import demo contents:

  • Navigate to Appearance > Import Demo Content
  • You’ll see the lists of demos. Click on Live Preview to see the demo.
  • Click on Import Demo button to import demo contents of selected demo.

Notes: After importing demo contents, check your site to see if any sections or contents are missing. If there are contents and sections missing, then you’ve to configure it manually. See for the detailed information about missing contents and sections in this documentation.

6. MANAGE SITE LAYOUT

There are two site layouts. They are as follows:

  • Boxed Layout
  • Full Width Layout

By default Full Width Layout is selected. To configure the site layout, follow the instructions below:

  • Navigate to Appearance > Customize.
  • Click on Site Layout.
  • Select any one of the option for site layout.
  • Click on Publish button to save the configuration.

7. MANAGE SITE HEADER

7.1 CONFIGURE LOGO
  • To manage Site Logo, navigate to Appearance > Customize > Site Header > Site Logo.
  • There you’ll find different options which are as below:
    • Logo Setup: Under this section you’ll find options to set Logo, Site Title, Tagline, hide or display both Site Title and Tagline.
    • Site Title Color: Under this section you’ll find options to set text color of both Site Title and Tagline.
    • Site Title Typo: Under this section you’ll find typography options to set font family, font size, font weight, line height, letter spacing, text transform and font style for Site Title.
    • Site Title/Logo Spacing: Under this section you’ll find options to set top and bottom spacing of header section that contains Site Title or Logo.
  • After configuring options, click on Publish button to save the configurations.
7.2 CONFIGURE FAVICON
  • To manage Site Favicon, navigate to Appearance > Customize > Site Header > Site Favicon.
  • Set your site’s favicon and click on Publish button to save.
7.3 MANAGE MAIN HEADER
  • To manage Main Header, navigate to Appearance > Customize > Site Header > Main Header.
  • There you’ll find options which are as below:
    • Header Layout: Select one of the header from seven different header layouts.
    • Display Top Header: This option lets you to either display or hide top header. This options will be activated only for header layouts one and seven.
    • Social Links: Under this section, you can set links to different social sites.
    • Header Image: Using this option, you can set background image for all the header layouts. Note: For Header Image to be displayed, background colors for all the header sections should be transparent.
  • Click on Publish button to save the configuration.
7.4 MANAGE HEADER COLOR
  • To manage header colors, navigate to Appearance > Customize > Site Color > Header Color.
  • There you’ll find different options which are as below:
    • Header Common: Under this section, you’ll find common color options for all header layouts.
    • Header – Top Section: Under this section, you’ll find color options for top header sections. This color section will be activated for only header layout one and seven.
    • Header – Logo Section: Under this section, you’ll find color options for header section that includes Logo or Site Title.
    • Header – Menu Section: Under this section, you’ll find color options for header section that includes primary menu and other links.
    • Social & Search Icon: Under this section, you’ll find color options for search icon and social links.
    • Menu – Small Devices: Under this section, you’ll find color options for menu section that is displayed on small devices such as mobile, tablet etc.
  • Click Publish button to save the header colors configuration.
7.5 MANAGE HEADER TYPOGRAPHY/FONT
  • Manage Primary Menu Typography: Follow the instructions mentioned below to manage typography of primary menu:
    • Navigate to Appearance > Customize > Site Typography > Menu Typography.
    • There you’ll find options to set font family, font size, line height, letter spacing, font weight, text transform and font style, for primary menu items.
    • Make changes to the options.
    • Click on Publish button to save.
  • Manage Top Header Menu Typography: Follow the instructions mentioned below to manage typography of top header menu.
    • Navigate to Appearance > Customize > Site Typography > Top Menu Typography. There you’ll find options to set font size and font weight of top header menu items.
    • Make changes to the options.
    • Click on Publish button to save.
  • Manage Social Links Icons and Search Icon Typography: Follow the instructions below to manage typography of social links icons and search icon.
    • Navigate to Appearance > Customize > Site Typography > Social Icon/Search Icon Typography.
    • Under Search Icon Typo and Social Icon Typo, you’ll find options to set font size and font weight of search and social icons.
    • Make changes to the options.
    • Click on Publish button to save.

8. SITE CAROUSEL

8.1 MANAGE CAROUSEL CONTENT & LAYOUT

Site carousel section is displayed below the header. To configure carousel section, follow the instructions below:

  • Navigate to Appearance > Customize > Site Carousel.
  • There you’ll find following options:
    • Display Carousel: This option lets you to whether display or hide carousel section.
    • Carousel Content: Under this section you’ll find following options:
      • Carousel Category: This option lets you select the category whose posts will be displayed in carousel.
      • No of Carousel Items: This option lets you set the no. of posts to be displayed in carousel section.
      • Display Carousel Content: This option lets you whether display post content such as post title, post meta etc. or not.
      • Content Text Alignment: This option lets you set the text alignment of post content.
    • Carousel Layout: Under this section you’ll find following options:
      • Carousel Layout: This option lets you select the layout of the carousel.
      • Enable Spacing: Upon enabling this option, you’ll find spacing around the carousel.
      • Carousel Height: This option lets you set the height of carousel items.
8.2 MANAGE CAROUSEL TYPOGRAPHY

To manage typography of site carousel, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Carousel Typography.
  • There you’ll find options to set font family, font size, line height, letter spacing, font weight, text transform and font style, for title of carousel item.
  • Make changes to the options.
  • Click on Publish button to save.

9. FEATURED CATEGORIES

This section is displayed below the Site Carousel section. To manage Featured Categores section, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Featured Categories.
  • You’ll find following options:
    • Display Section: On checking this option, Featured Categories section will be displayed.
    • Select Categories: Select categories that you want to displayed in this section.
    • Select Image Thumbnail Size: Select the size of image that will be displayed.
    • Select No of Columns: Select the no. of columns for displaying categories.
    • Make changes to the options.
    • Click on Publish button to save.

Note: In this section, categories will be displayed if and only if the selected categories have their image set. To set image for a category, navigate to Posts > Categories. Edit one of the category and set an image. Then save the category.

10. CONFIGURE BLOG PAGE

Blog page is the default home page in WordPress when static front page is not set. This is also the case for Glaze Blog Theme.

10.1 Manager Blog Page Contents and Layout

To manage contents and layout of Blog Page, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Pages > Blog Page.
  • There you find following options:
    • Display Featured Image: This option lets you either show or hide featured image.
    • Display Post Categories: This option lets you either show or hide post categories meta.
    • Display Post Date: This option lets you either show or hide posted date meta.
    • Display Post Author: This option lets you either show or hide post author meta.
    • Display Post Comments No: This option lets you either show or hide post comments number meta.
    • Enable Dropcap: This option lets you either show or hide dropcap in post excerpt.
    • Post Thumbnail Size: This option lets you select the size of image that is to be displayed with posts. Note: This option activates only when Layout Two and Layout Three are selected in Blog Posts List Layouts option.
    • Post Content Length One & Post Content Length Two: These options let you set the length of post content. Note: Post Content Length Two will be activated only when Layout Five is selected in Blog Posts List Layouts option.
    • Content Text Alignment: This option lets you select the alignment of texts of post contents. Note: This option activates only when Layout Two and Layout Three are selected in Blog Posts List Layouts option.
    • Blog Posts List Layouts: This option lets you select the layout for displaying the posts in predefined styles.
    • Blog Page Sidebar Position: This option lets you select the position of sidebar in Blog Page.
    • Make changes to the options.
    • Click on Publish button to save.
10.2 Manage Blog Page Typography

To manage typography of Blog Page, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Blog Page Typography.
  • There you’ll find options to set font family, font size, line height, letter spacing, font weight, text transform and font style, for post title of posts.
  • Make changes to the options.
  • Click on Publish button to save.

11. CONFIGURE ARCHIVE PAGE

By default Archive Page is used for listing posts under Categories, Tags, Author etc.

10.1 Manage Archive Page Contents and Layout

To manage contents and layout of Archive Page, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Pages > Archive Page.
  • There you find following options:
    • Hide Archive Classifier: This option lets you either show or hide archive type. For eg, Categoy, Tag, Author etc.
    • Display Featured Image: This option lets you either show or hide featured image.
    • Display Post Categories: This option lets you either show or hide post categories meta.
    • Display Post Date: This option lets you either show or hide posted date meta.
    • Display Post Author: This option lets you either show or hide post author meta.
    • Display Post Comments No: This option lets you either show or hide post comments number meta.
    • Enable Dropcap: This option lets you either show or hide dropcap in post excerpt.
    • Archive Page Sidebar Position: This option lets you select the position of sidebar in Archive Page.
    • Make changes to the options.
    • Click on Publish button to save.
  • Note: You can find more options for Archive Page in Archive/Search Common section of customizer. There you’ll find following options:
    • Post Thumbnail Size: This option lets you select the size of image that is to be displayed with posts. Note: This option activates only when Layout Two and Layout Three are selected in Archive/Search Posts List Layouts option.
    • Post Content Length One & Post Content Length Two: These options let you set the length of post content. Note: Post Content Length Two will be activated only when Layout Five is selected in Archive/Search Posts List Layouts option.
    • Content Text Alignment: This option lets you select the alignment of texts of post contents. Note: This option activates only when Layout Two and Layout Three are selected in Archive/Search Posts List Layouts option.
    • Archive/Search Post List Layouts: This option lets you select the layout for displaying the posts in predefined styles.
11.2 Manage Archive Page Typography

To manage typography of Archive Page, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Archive/Search Page Typography.
  • There you’ll find options to set font family, font size, line height, letter spacing, font weight, text transform and font style, for post title of posts.
  • Make changes to the options.
  • Click on Publish button to save.

12. CONFIGURE SEARCH PAGE

Search page displays the search results that are been searched.

12.1 Manage Search Page Contents and Layout

To manage contents and layout of Search Page, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Pages > Search Page.
  • There you find following options:
    • Display Featured Image: This option lets you either show or hide featured image.
    • Display Post Categories: This option lets you either show or hide post categories meta.
    • Display Post Date: This option lets you either show or hide posted date meta.
    • Display Post Author: This option lets you either show or hide post author meta.
    • Display Post Comments No: This option lets you either show or hide post comments number meta.
    • Enable Dropcap: This option lets you either show or hide dropcap in post excerpt.
    • Search Page Sidebar Position: This option lets you select the position of sidebar in Search Page.
    • Make changes to the options.
    • Click on Publish button to save.
  • Note: You can find more options for Search Page in Archive/Search Common section of customizer as mentioned in Managing Archive Page Contents And Layout.
12.2 Manage Search Page Typography

Managing Search Page Typography is same as Archive Page which is mentioned in Managing Archive Page Typography.

13. CONFIGURE POST SINGLE

13.1 Manage Post Single Content

To manage contents of post single, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Pages > Post Single.
  • There you’ll find following options:
    • Display Categories: This option lets you either show or hide post categories meta.
    • Display Featured Image: This option lets you either show or hide featured image.
    • Display Posted Date: This option lets you either show or hide posted date meta.
    • Display Author Name: This option lets you either show or hide post author meta.
    • Display Tags: This option lets you either show or hide post tags meta.
    • Author Section: Under this, there is option to either show or hide author section.
    • Related Posts Section: Under this, there are options to manager related posts section. Options includes Display Section, Section Title, No of Posts and Display Author Meta.
    • Make changes to the options.
    • Click on Publish button to save.
12.2 Manage Post Single Typography

To manage typography of Post Single, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Post/Page Single Typography.
  • There you’ll find options to set font family, font size, line height, letter spacing, font weight, text transform and font style, for post title of posts.
  • Make changes to the options.
  • Click on Publish button to save.

14. CONFIGURE PAGE SINGLE

To manage contents of page single, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Pages > Page Single.
  • There you’ll find option for displaying featured image only.
  • Make changes to the options.
  • Click on Publish button to save.

Note: Typography option for Page Single is same as for Post Single.

15. CONFIGURE BREADCRUMB

15.1 Manage Breadcrumb Content

To manage breadcrumb contents, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Breadcrumb.
  • There you’ll find following options:
    • Display Breadcrumb: This option lets you to show or hide breadcrumb.
    • Background Image: This option lets you set background image for breadcrumb section.
    • Make changes to the options.
    • Click on Publish button to save.
15.2 Manage Breadcrumb Color

To manage colors of breadcrumb section, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Color > Breadcrumb Color.
  • There you’ll find following options:
    • Background Color: In case you’ve not set background image in breadcrumb section, this option lets you set background color for breadcrumb section.
    • Text Color: This option lets you set color for texts in breadcrumb section.
    • Border Color: This option lets you set color for elements with border.
    • Mask Color: This option lets you set background color of overlay in breadcrumb section.
    • Make changes to the options.
    • Click on Publish button to save.

16. CONFIGURE PAGINATION

To manage pagination, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Pagination.
  • There you’ll find following options:
    • Select Pagination Alignment: This option lets you align the pagination.
    • Select Pagination Layout: There are 5 pagination layout variations. This option lets you select pagination variation of your choice.
  • Make changes to the options.
  • Click on Publish button to save.

17. CONFIGURE SITE IMAGE

To manage images of your site, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Image.
  • There you’ll find following options:
    • Enable Lazy Loading: This option lets you enable images to be lazy loaded.
    • Enable Fallback Image: In case when you’ve not set featured images in posts or pages, you can display fallback image when the posts are listed.
    • Set Fallback Image: This option is activated when Enable Fallback Image option is enabled. This option lets you set fallback image.
  • Make changes to the options.
  • Click on Publish button to save.

18. CONFIGURE SITE SIDEBAR

18.1 Manage Site Sidebar Content

To manage sidebar, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Sidebar.
  • There you’ll find following options:
    • Enable Sticky Sidebar: This option lets you set sidebar sticky when you scroll down the page.
    • Enable Sidebar For Small Devices: This option lets you hide or show sidebar for small devices.
  • Make changes to the options.
  • Click on Publish button to save.
18.2 Manage Site Sidebar Color

To manager sidebar color, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Color > Sidebar Color.
  • There you’ll find following options:
    • Widget Background Color: This option sets background color of widget.
    • Widget Title Color: This option sets color of widget title.
    • Widget Text Color: This option sets color of texts contained inside the widget.
    • Widget Border Color: This option sets border color of widget and other widget elements.
    • Widget Form Element Background Color: This option sets background color of from elements such as search, textarea, etc. contained inside widget.
    • Widget Form Element Text Color: This option sets text color of from elements such as search, textarea, etc. contained inside widget.
  • Make changes to the options.
  • Click on Publish button to save.

19. CONFIGURE SITE FOOTER

19.1 Manage Site Footer Content

To manage footer content, follow the instructions mentioned below:

  • Display Scroll Top I: This option lets you show or hide button at bottom right corner to scroll top.
  • Display Scroll Top II: This option lets you show or hide link above the footer widget section to scroll top.
  • Copyright Text: This option lets you set copyright text. Note: You can use HTML <a> and <span> tag.
  • Display Credit Text: This option lets you show or hide credit text.
  • Credit Text: This option lets you set credit text. Note: You can use HTML <a> and <span> tag. This option is activated only when Display Credit Text is enabled.
  • Make changes to the options.
  • Click on Publish button to save.
19.2 Manage Site Footer Color

To manage footer color, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Color > Footer Color.
  • There you’ll find following options:
    • Footer Top Background Color: This option sets background color of footer section that contains widgets.
    • Footer Bottom Background Color: This option sets background color of footer section that contains copyright text and credit text.
    • Footer Widget Title Color: This option sets color of widget title.
    • Footer Text Color: This option sets color of texts contained inside the widget.
    • Footer Border Color: This option sets border color of widget and other widget elements.
    • Widget Form Element Background Color: This option sets background color of from elements such as search, textarea, etc. contained inside widget.
    • Widget Form Element Text Color: This option sets text color of from elements such as search, textarea, etc. contained inside widget.
  • Make changes to the options.
  • Click on Publish button to save.

20. CONFIGURE POST EXCERPT

Excerpt are the short post content that is displayed instead of full post content. To manage excerpt. follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Pose Excerpt.
  • There you’ll find following options:
    • Excerpt Length: This option sets the no. of words to be displayed in excerpt.
    • Show Post Link: This option displays link of post at the end of the excerpt.
    • Post Link Title: This option lets you set title of the post link. Note: This option is activated only when Show Post Link is enabled.
    • Post Link Style: This option lets you select the style with which you want to display the post link. Note: This option is activated only when Show Post Link is enabled.
  • Make changes to the options.
  • Click on Publish button to save.

21. CONFIGURE SOCIAL SHARE LINKS

To manage social share links, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Social Share.
  • There you’ll find following options:
    • Display Social Share: This option lets you show or hide social share links.
    • Share On Pages: Under this section you’ll find options to show or hide social share links on different pages.
    • Share On Sites: Under this section you’ll find options to show or hide particular social link on which you want posts or pages to be shared.
  • Make changes to the options.
  • Click on Publish button to save.

22. CONFIGURE GENERAL COLORS

To manage general colors, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Color > Global Color.
  • There you’ll find following options:
    • Primary Color: This option sets primary color of the theme.
    • Secondary Color: This option sets secondary color of the theme.
    • Body Text Color: This option sets color of paragraph texts and links.
    • Headings(H1,H2,H3,H4,H5,H6) Text Color: This option sets color of headings text.
    • Link Hover Color: This option sets color of links on mouse hover.
    • Link Color With Background: This option sets color of links which has background color set.
    • Link Hover Color With Background: This option sets hover color of links which has background color set.
    • Border Color: This option sets border color of elements whose border is set.
  • Make changes to the options.
  • Click on Publish button to save.

23. CONFIGURE SITE TYPOGRAPHY

23.1 Manage Body Typography

To manage body typography, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Body Typography.
  • There you’ll find following options:
    • Font Family: This option sets font family of body texts.
    • Font Size: This option sets font size of body texts.
    • Font Weight: This option sets font weight of body texts.
    • Line Height: This options sets line height of body texts.
  • Make changes to the options.
  • Click on Publish button to save.
23.2 Manage Headings Typography

To manage headings typography, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Heading Typography.
  • There you’ll find option such as font family, font size, font weight, text transform, line height, font style and letter spacing, for setting headings typography.
  • Make changes to the options.
  • Click on Publish button to save.
23.3 Manage Post Title Typography

To manage post title typography, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Post Title Typography.
  • There you’ll find only option to change font family of post title of posts.
  • Make changes to the options.
  • Click on Publish button to save.
23.4 Manage Widget Title Typography

To manage widget title typography, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Widget Title Typography.
  • There you’ll find option such as font family, font size, font weight, text transform, line height, font style and letter spacing, for setting widget title typography.
  • Make changes to the options.
  • Click on Publish button to save.
23.5 Manage Related Section Typography

Related section can be found inside post single. To manage widget title typography, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Related Section Typography.
  • There you’ll find option such as font family, font size, font weight, text transform, line height, font style and letter spacing, for setting section title and post title typography.
  • Make changes to the options.
  • Click on Publish button to save.

24. CONFIGURE SITE BACKGROUND

To manage body background of your site, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Typography > Site Background.
  • You can set color or image as body background. Note: When image is set as background, background color won’t be displayed.
  • Make changes to the options.
  • Click on Publish button to save.

25. CONFIGURE MENUS

Glaze Blog has two menus defined. The locations of the menus are Primary and Top Header Menu. To manage menus, follow the instructions mentioned below:

  • Navigate to Appearance > Menus.
  • There you can create menu, add menu items, arrange menu items with drag and drop, set menu location etc.
  • When you’ve completely setup your menu, click on Save button to save.

26. CONFIGURE WIDGET & WIDGET AREAS

In Glaze Blog, sidebar, header advertisement in header layout 7, and top footer area, are widget areas. The contents that they hold are all managed with widgets.

To manage widget and widget areas, follow the instructions mentioned below:

  • Navigate to Appearance > Widgets.
  • On left side, there are the widgets and on right side there are widget areas. Simply drag and drop the widgets from left side to widget areas and configure the widgets.

27. CONFIGURE SITE PRELOADER

27.1 Manage Preloader Content and Layout

Preloader is displayed before any page loads. To manage preloader, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Preloader.
  • There you’ll find following options:
    • Enable Preloader: On enabling this option, preloader will be enabled.
    • Preloader Content: Select any one preloader content type.
    • Preloader Layout: Select any one of the predefined preloader layout.
    • Preloader Image: Set custom image for the preloader.
    • Time To Hide Preloader: Set time duration after which preloader will be hidden.
  • Make changes to the options.
  • Click on Publish button to save.
27.2 Manage Preloader Color

To manage preloader color, follow the instructions mentioned below:

  • Navigate to Appearance > Customize > Site Color > Preloader Color.
  • There you’ll find following options:
    • Backgroud Color: Sets background color of preloader.
    • Object Color: Sets background color of preloader objects. Note: This option will only work for predefined preloader layouts.
  • Make changes to the options.
  • Click on Publish button to save.