> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/lagi-wp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxper.gitbook.io/lagi-wp/customize/general.md).

# General

You will find the following options in this section below

### 1. Site Identity

<div data-full-width="true"><figure><img src="https://3633698173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvf4zpwYj4bywECSYDSPu%2Fuploads%2F7wwD1K6R9C7sNdIysjpb%2Fimage.png?alt=media&amp;token=3b9fd5d9-fb91-491b-95ec-501e12047e51" alt=""><figcaption></figcaption></figure></div>

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

Site Icons should be square and at least **512 × 512** pixels.

### 2. General

<div data-full-width="true"><figure><img src="https://3633698173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvf4zpwYj4bywECSYDSPu%2Fuploads%2F0UOl7cWYx3BNGmWe1NeB%2Fimage.png?alt=media&amp;token=0338b593-4c9b-4134-ac38-57870001a1db" alt=""><figcaption></figcaption></figure></div>

### 3. Logo

<div data-full-width="true"><figure><img src="https://3633698173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvf4zpwYj4bywECSYDSPu%2Fuploads%2FAJdUHjj7QyFxVMizaNW8%2Fimage.png?alt=media&amp;token=de9df5c7-3450-427a-9d57-19af7d2a842b" alt=""><figcaption></figcaption></figure></div>

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

<div data-full-width="true"><figure><img src="https://3633698173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvf4zpwYj4bywECSYDSPu%2Fuploads%2FKcGPtnGGXi9jqIcg4tHa%2Fimage.png?alt=media&amp;token=812c07a9-56d6-4f07-acc2-6cf1c5449621" alt=""><figcaption></figcaption></figure></div>

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

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

**Shape Color** – Use this option to set the 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 networks to your site.

<div data-full-width="true"><figure><img src="https://3633698173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvf4zpwYj4bywECSYDSPu%2Fuploads%2FS6SMIcDc1BAPE3ciqadb%2Fimage.png?alt=media&amp;token=740a8966-e3bb-429c-9d1d-194dd52a01a4" alt=""><figcaption></figcaption></figure></div>

###

###