General Settings

The settings in group General Settings are configurations that are applied across the entire website. Ex: Favicon, Bottom to top, Page Loading...

Setting Favicon

A favicon is a small image that serves as branding for your website to help visitors identify your page easier, especially when they have multiple tabs open. A favicon increases brand awareness and improves user experience.

Favicon on Brower tabs

A favicon can be displayed in the following places:

Brower tabs
Search results
History archives
Bookmark lists

You can enable/disable it based on the requirement. The recommended image size is 32x32px.

In Customize » Theme settings, Open group General Settings then locate Favicon. Here you can make the necessary configurations.

Settings for favicon

Button Bottom To Top

Can also call it a "Back to top" button, a button that let users quickly navigate to the top of the page.

button bottom to top on page

This saves time for visitors. Enable it by checking the box.

In Customize » Theme settings, Open group General Settings then locate Bottom To Top. Here you can make the necessary configurations.

Settings for Bottom To Top

Container Settings

There will be many sections on the website. In each section, there will be containers. You can configure the default container for the sections. And adjust the width for the container, container XL and container XXL layouts.

In Customize » Theme settings, Open group General Settings then locate Container Settings. Here you can make the necessary configurations.

Container Settings

Section Container Default : Set default container for section.
Container Width : Set width for container and .container classes.
Container XL Width : Set width for container XL and .container-xl classes.
Container XXL Width : Set width for container XXL and .container-xxl classes.

Page loading

Using Page loading feature will make your website professional and improve user experience.

Example of loading page on website

In Customize » Theme settings, Open group General Settings then locate Page Loading. Here you can make the necessary configurations.

Page Loading Settings

Loading Animation : Choose the loading style for the website.
Color Spinner : Config color for spinner.
Background Color : Configure the background color for the wrapper.
Background Image, Background Image Position , Background Image Size : Configure the background image for the wrapper.

Global Animations

As readers scroll up and down the site, the animation, when enabled, is triggered once the element comes into view. A little bit of animation in the loading process can add some flair, impress users, and get their attention.

Animation example

The configurations here will be applied if in sections / blocks... animation is selected as "Inherit global setting"

In Customize » Theme settings, Open group General Settings then locate Global Animations. Here you can make the necessary configurations.