> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/july-woocommerce-wordpress-theme/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/july-woocommerce-wordpress-theme/customize/general.md).

# General

You will find the following options in this section below

### 1. Site Identity <a href="#id-1.-site-identity" id="id-1.-site-identity"></a>

![](https://1409670460-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAu1Mq3plqNVcSe8O59tU%2Fuploads%2F1dS9BzUoW7KtYajvd0ek%2Fimage.png?alt=media\&token=84651202-ead9-4d4b-86cd-71498ac6d31a)

**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 <a href="#id-2.-logo" id="id-2.-logo"></a>

![](https://1409670460-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAu1Mq3plqNVcSe8O59tU%2Fuploads%2FXFiV1ut2k5fEaXAKwbvy%2Fimage.png?alt=media\&token=d7b116a7-dd72-4fc0-a4f0-7798671eca49)

**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 <a href="#id-3.-pre-loading" id="id-3.-pre-loading"></a>

![](https://1409670460-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAu1Mq3plqNVcSe8O59tU%2Fuploads%2Fiu3oAQpDBUUltShGnWVm%2Fimage.png?alt=media\&token=ab98570d-3f99-4bb5-bac0-d8843ff99ab8)

**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.&#x20;

**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 <a href="#id-4.-socials" id="id-4.-socials"></a>

Here you can add social network to your site.

![](https://1409670460-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAu1Mq3plqNVcSe8O59tU%2Fuploads%2FaKLAWFXcyCZROk7DTzRH%2Fimage.png?alt=media\&token=403e3045-d869-4725-b866-cd796fc969fa)

### 5. Bottom Bar <a href="#id-4.-socials" id="id-4.-socials"></a>

![](https://1409670460-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAu1Mq3plqNVcSe8O59tU%2Fuploads%2FBRnlC0opjA8KzozK7DMM%2Fimage.png?alt=media\&token=9f418c7b-06f0-4b22-b79e-1530659eadb2)