# How to change background on your frontend?

***

There are two types of frontend backgrounds available:

1. **Plain Color Background**\
   a) **For Agencies**:
   * Log in to the Admin Console.
   * Navigate to the **Dealers** section.
   * Select the specific Dealer.
   * Click on **FRONT-END SETTINGS**.
   * Locate the section labeled **Background - Whole Page**.

<figure><img src="https://974712556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjLiK_ydn4NIc66tQx%2Fuploads%2FWXcPTP295hVHENrMTjvy%2Fimage.png?alt=media&#x26;token=2d295ed1-ab68-4905-ab16-0d38560eab0f" alt=""><figcaption></figcaption></figure>

Click on the colored box as shown in the screenshot.

* You can move the pointer within the color palette (1) to select your desired shade.
* Alternatively, if you know the exact color code, you can enter it directly.

<figure><img src="https://974712556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjLiK_ydn4NIc66tQx%2Fuploads%2FDNbMBOQT5tNtsUJ8iIOg%2Fimage.png?alt=media&#x26;token=d7c5e8b8-b052-4ef3-a195-da7d01831a9f" alt=""><figcaption></figcaption></figure>

*

```
#### **Save Changes Once Done**
```

```
b) **For Dealers**:

* Log in to the Admin Console.
* Go to **Dealer Details**.
* Click on **Front-End Settings**.
* Locate the section labeled **Background - Whole Page**.
```

<figure><img src="https://974712556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjLiK_ydn4NIc66tQx%2Fuploads%2FWXcPTP295hVHENrMTjvy%2Fimage.png?alt=media&#x26;token=2d295ed1-ab68-4905-ab16-0d38560eab0f" alt=""><figcaption></figcaption></figure>

* Click at coloured box as shown on the printscreen
* You may move with the point in the fields where colour scheme shows ( 1)&#x20;
* Find section called Background - Whole page

OR

* You may insert exact color code, if you know it.

<figure><img src="https://974712556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjLiK_ydn4NIc66tQx%2Fuploads%2FDNbMBOQT5tNtsUJ8iIOg%2Fimage.png?alt=media&#x26;token=d7c5e8b8-b052-4ef3-a195-da7d01831a9f" alt=""><figcaption></figcaption></figure>

* Save changes once done.
* #### **Photograph/Image as Background**

  a) **For Agencies**:

  1. Log in to the Admin Console.
  2. Navigate to the **Dealers** section.
  3. Select the Dealer.
  4. Click on **FRONT-END SETTINGS**.
  5. Find the section labeled **Background - Add Background Image**.
  6. Click the **+** button to upload an image you want as the background.
  7. Check the option to **Fix Background**.
  8. Click **Save Changes**.

<figure><img src="https://974712556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjLiK_ydn4NIc66tQx%2Fuploads%2FJolBLmgIFWdJ8v6j2rqn%2Fimage.png?alt=media&#x26;token=3b3cffee-b5c8-41d9-bc4e-59a0e1992d99" alt=""><figcaption></figcaption></figure>

b) **For Dealers**:

1. Log in to the Admin Console.
2. Navigate to the **Dealers** section.
3. Select **Dealer Details**.
4. Click on **Front-End Settings**.
5. Find the section labeled **Background - Add Background Image**.
6. Click the **+** button to upload an image you want as the background.
7. Check the option to **Fix Background**.
8. Click **Save Changes**.

<figure><img src="https://974712556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjLiK_ydn4NIc66tQx%2Fuploads%2FJolBLmgIFWdJ8v6j2rqn%2Fimage.png?alt=media&#x26;token=3b3cffee-b5c8-41d9-bc4e-59a0e1992d99" alt=""><figcaption></figcaption></figure>

***

📩 Feel free to contact us at: <mark style="color:blue;"><gol_support@cee-systems.com>.</mark>
