# General

### 1. Site Identity

![Customize --> Gereral --> Site Indentiny](https://532169580-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mboj_b4Ha8PjhcwkI9w%2F-McUpjGxO9ZwboxvNuvb%2F-McUpxln6RXWjqPXF2im%2FScreen%20Shot%202021-06-18%20at%2010.57.29%20PM.png?alt=media\&token=5c6f75fa-a1a0-48dc-9b28-0728ebdb321b)

**Site Title** – Enter your site title and it will show in the site header below the logo image.

**Tagline** – Input a brief description of your site.

**Site Icon** – Upload a square image to use as a browser and app icon (the favicon) for your site.

### 2. Logo

![Customize --> Gereral --> Logo](https://532169580-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mboj_b4Ha8PjhcwkI9w%2F-McUq7FTVS5ziw8nx2rK%2F-McUqFDpNQl0Dd0lVTji%2FScreen%20Shot%202021-06-18%20at%2010.58.55%20PM.png?alt=media\&token=a76475c9-8f2b-42c2-8cff-970a4312abd5)

**Logo Dark, Logo Light** – Upload your custom brand image then display it as a site logo in the site header.

**Logo Width** – To keep your custom brand image look sharp on retina devices, we recommend upload an image with 2x size and give 1x size. For example, upload an image that is 200 x 200 px, and enter 100 px as the image width value.

### 3. Pre Loading

![Customize --> Gereral --> Pre Loading](https://532169580-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mboj_b4Ha8PjhcwkI9w%2F-McUqZPpSp32vRSGwR85%2F-McUrcUYCLuJ5NncZFva%2FScreen%20Shot%202021-06-18%20at%2011.01.38%20PM.png?alt=media\&token=04b11f28-e74f-49e3-b7c7-cf2af3430175)

**Type Loading Effect** – Enable this option to show preloader functionality globally throughout the website. This option can be overridden from each page option.

**Preloader Logo** – Use this option to upload or select images from the medial library for the site preloader. 

**Preloader Color** – Use this option to set the color of the preloader.

**Background Color** – Use this option to set the background color of the preloader.

**Preloader Animation** – Use this option to choose one of the prebuilt CSS preloader animations. Consider that you can not add more animations by default.

### 4. Contact 

Here you can add contact information like email, phone number, and social network to your site

![Customize --> Gereral --> Contact](https://532169580-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mboj_b4Ha8PjhcwkI9w%2F-McUsWHPThdnA6RnMnAZ%2F-McUt8iqA0sQ1BfXjULe%2FScreen%20Shot%202021-06-18%20at%2011.11.29%20PM.png?alt=media\&token=b7c6bacf-4f18-47ff-a76f-6ecacb54d89f)

![Contact information](https://532169580-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mboj_b4Ha8PjhcwkI9w%2F-McUtxo8SJMTU4fgK5R-%2F-McUv2RDJSCAbJvSsbk3%2FHome%2002%20%E2%80%93%20Bout.png?alt=media\&token=75f4f239-27b5-4671-831f-18a25a7c2a51)

### <br>