> For the complete documentation index, see [llms.txt](https://docs.stylemixthemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylemixthemes.com/motors-theme-documentation/~/changes/70wBWN8w43jv4AA52cti/theme-options/general.md).

# General

{% hint style="danger" %}
**Important**: Each theme layout contains a unique structure and complex functionality. Therefore, the settings and sections of the Theme Options may differ depending on the installed layout.
{% endhint %}

The **Theme options** panel has been specially created to make your workflow faster and easier. Using it is very easy, and in just a few minutes, you can change a lot of things on your website.&#x20;

Let's start our acquaintance with the **General** section settings.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3cXx6CPU4_ZLl20pP%2Fimage.png?alt=media\&token=d7f04352-f5eb-479d-ac35-bdd5bd9ea158)

### **Theme Skin**

Here you can select the overall color styling for your website from the predefined skins: &#x20;

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3ckJY3L-BnibT3rwK%2Fimage.png?alt=media\&token=c13e71e7-de14-4853-b131-47496e69fa97)

If you want to use your own color scheme, you can select the **Custom Colors** option and apply the **Custom Base Car Dealer Color** and **Custom Secondary Car Dealer Color** respectively.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3k4HeKuw77fBd09kp%2Fimage.png?alt=media\&token=b4de0ba0-85c6-4652-b09b-3bfbc1597022)

Depending on the using layout the  **Custom Base Car Dealer Color** and **Custom Secondary Car Dealer Color** affects the color of the different elements.

### Boxed Layout

You can display the website in the boxed layout view by turning on the **Enable Boxed Layout** option.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3qcxhFjZebiZHSuOm%2Fimage.png?alt=media\&token=2675f495-7cba-477c-8f68-bc06f38ebad0)

Once the option is enabled related settings will be displayed:

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3rl-9Y6ZKdnvPdf9f%2Fimage.png?alt=media\&token=53b070d3-306e-45b0-a7ee-7c760ebbc25c)

&#x20;Select one of the provided images or upload your own image as a background image of boxed layout

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3uq3Gzt81XAMH12rs%2Fimage.png?alt=media\&token=462e49a8-70e5-4fad-97fe-1830c4e8dc22)

### **Enable Preloader**

Enable or Disable the preloader on your website by turning on/off the **Enable preloader** option.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW3ydqc1iOIFE1_Z678%2Fimage.png?alt=media\&token=84ab48ab-0019-4471-82f6-7292ad080620)

{% hint style="info" %}
A **preloader** is what you see on your screen while the rest of the page’s content is still loading. When the page is loaded from the server, some styles/scripts are loaded later (or takes more time) than others, it’s just processing data. This leads to the fact that the page can be displayed without style for a few seconds. To let visitors know that the website hasn’t crashed, we encourage you to use the preloader.&#x20;
{% endhint %}

The theme preloader appears like this:

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW4-B4rMgcMGvJiXvj_%2Fchrome-capture%20\(1\).gif?alt=media\&token=bb53b92d-dec4-4b83-9a3a-b2b0e6e9bb9b)

### **Site smooth scroll**

Enable this option if you want the scrolling of the pages in the theme to roll smoothly. When this option is disabled, the scrolling will stop as soon as the user lets go of the mouse roller.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW7iqXlQakHUW0LAQpt%2F-MW8lFXpXe7QWSR240u_%2Fimage.png?alt=media\&token=d0420148-610f-4fcd-a546-0fe43abb3a8b)

### **Google Maps API key**

Insert the **Google Maps API key** to display the Google Maps on your website.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW43oL-bIz4ca2KMJQ8%2Fimage.png?alt=media\&token=b906f56e-3571-4adf-9a5b-6d394d97b942)

{% hint style="info" %}
Follow to <https://cloud.google.com/maps-platform/> and obtain the Google Maps API key and enter into the relevant field.&#x20;

To correctly appear the map on the website the **Maps JavaScript API** should be enabled.&#x20;
{% endhint %}

### **reCAPTCHA**

Enable the **reCAPTCHA v3** for the *built-in forms in the theme*. Then enter the **Public** and **Secret keys** on appropriate fields.

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW4HiP4hFoHfcg5H8Il%2Fimage.png?alt=media\&token=11fa7bd4-3d7e-4d61-b621-f74528f5cf71)

{% hint style="info" %}
To obtain the keys for Google reCAPTCHA please follow this link: <https://www.google.com/u/0/recaptcha/admin/create>
{% endhint %}

{% hint style="warning" %}
**Note**: the **reCAPTCHA** appears on the following built-in forms: **Trade In Form**, **Make An Offer Price**, **Schedule Test Drive**, **Add a Car**, **Sell a Car.**
{% endhint %}

&#x20;Here is an example of how correctly fill the page fields:

![](https://2954064479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDP3ivYPbpYO9Rs_wuB%2F-MW3X2VJ8T4qs83SBS4K%2F-MW4J6E_vW77ib_NsVzY%2Fimage.png?alt=media\&token=60c6fea8-d034-422a-8066-bfe14ea5223f)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.stylemixthemes.com/motors-theme-documentation/~/changes/70wBWN8w43jv4AA52cti/theme-options/general.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
