# General

### 1. Site Identity

![](https://3379459016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjTmig50QShTVy6X4kA%2F-MjXMsG8_PxJ5A5fZiT8%2F-MjXO-JPsZhYUpjHcVkq%2FScreen%20Shot%202021-09-14%20at%2010.39.49%20AM.png?alt=media\&token=2b6850b8-f5a6-4a4c-a630-ab5b47d74434)

**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

![](https://3379459016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjTmig50QShTVy6X4kA%2F-MjXMsG8_PxJ5A5fZiT8%2F-MjXOETE0u1_j1qSJh51%2FScreen%20Shot%202021-09-14%20at%2010.41.02%20AM.png?alt=media\&token=94fcf153-b942-4c0d-8b06-d9456a5212c9)

**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.

**- Logo Dark:** This refers to a logo designed to be used on dark backgrounds. It usually features light-colored elements or text to ensure visibility and contrast on darker surfaces.

**- Logo Dark Retina:** This term indicates a high-resolution version of the dark logo specifically optimized for devices with Retina displays. Retina displays have a higher pixel density, so a Retina logo would have more detail and sharpness to enhance its appearance on those screens.

**- Logo Light:** A logo designed to be used on light or white backgrounds. It typically includes dark-colored elements or text to ensure visibility and contrast against light backgrounds.

**- Logo Light Retina:** Similar to "Logo Dark Retina," this term denotes a high-resolution version of the light logo specifically optimized for Retina displays. It offers enhanced detail and sharpness when displayed on devices with higher pixel densities.

### 3. Pre Loading

![](https://3379459016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjTmig50QShTVy6X4kA%2F-MjXMsG8_PxJ5A5fZiT8%2F-MjXOPjDGt2tTyewUyat%2FScreen%20Shot%202021-09-14%20at%2010.41.49%20AM.png?alt=media\&token=aeece31a-76a9-4f62-8022-849e680a1bf0)

**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. Socials

Here you can add social network to your site.

![](https://3379459016-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MjTmig50QShTVy6X4kA%2F-MjXMsG8_PxJ5A5fZiT8%2F-MjXOlINqoVUS4-twU_S%2FScreen%20Shot%202021-09-14%20at%2010.43.15%20AM.png?alt=media\&token=0e1aada9-f2c5-4037-8423-f0e249ec4ac8)

###

###