# Layout

### General

| Setting           | Description                                                                                      |
| ----------------- | ------------------------------------------------------------------------------------------------ |
| **Border radius** | The roundness (px) of various plugin elements, such as file tiles, modal dialogs and buttons.    |
| **Grid gap**      | The gap (px) between rows and columns of various plugin elements, such as the File Browser grid. |

### Color Palette

| Setting         | Description                                                      |
| --------------- | ---------------------------------------------------------------- |
| **Theme Style** | Select the overal theme style of your site (Light / Dark)        |
| **Colors**      | Set the color present of the plugin, including its accent color. |

<figure><img src="https://2349993602-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeoKE343SM9nA0iXUOWZ1%2Fuploads%2F8A2SQwgOO5UtYxDmC1gH%2Fimage.png?alt=media&#x26;token=6573ca97-196c-4a42-a39c-4c1dc724a4dd" alt=""><figcaption></figcaption></figure>

### Loading Spinner & Images

| Setting              | Description                                                                                       |
| -------------------- | ------------------------------------------------------------------------------------------------- |
| **Loader Spinner**   | Image, Beat or Spinner in accent color                                                            |
| **General Loader**   | Loading image used in the File Browser and Gallery module                                         |
| **No Results**       | Image shown in the File Browser and Gallery module when no content is found in the opened folder. |
| **Access Forbidden** | Image shown when a module is not accessible for the user.                                         |
| **iFrame Loader**    | Loading image used for previews and iFrams.                                                       |

### Icon Set

| Setting                            | Description                                                           |
| ---------------------------------- | --------------------------------------------------------------------- |
| **File Browser Icon Set Location** | Location to the icon set you want to use for items without thumbnail. |

### LightBox

| Setting                        | Description                                                                                                             |
| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------- |
| **LightBox Skin**              | Select the skin to be used for the Inline Preview.                                                                      |
| **Lightbox Scroll**            | Set the path for switching windows. Possible values are 'vertical' and 'horizontal', with the default being 'vertical'. |
| **Image Source**               | Select whether to use large thumbnails (fast loading) or original files (slower loading).                               |
| **Show Thumbnails**            | Enable or disable the display of thumbnails for files inside the Lightbox.                                              |
| **Allow Mouse Click on Image** | Enable or disable right-click functionality on the image (e.g., to save the image).                                     |
| **Header**                     | Control when the header, which contains the title and action-menu, should be shown.                                     |
| **Caption / Description**      | Control when the description or caption should be shown in the Gallery Lightbox.                                        |

### Gallery

| Setting                                      | Description                                                                                                             |
| -------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| **Hover over module to show navigation bar** | Show the navigation bar when the user starts using the Gallery. If disabled, the navigation bar will always be visible. |

### Media Player

| Setting                                 | Description                                                                                                                                                                                                                                                               |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Media Player Skin**                   | Select which Media Player skin you want to use by default.                                                                                                                                                                                                                |
| **Load native MediaElement.js library** | Is the layout of the Media Player all mixed up and is it not initiating properly? If that is the case, you might be encountering a conflict between media player libraries on your site. To resolve this, enable this setting to load the native MediaElement.js library. |

### Custom CSS

| Setting        | Description                                                                                                                                                                              |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Custom CSS** | If you want to modify the looks of the plugin slightly, you can insert here your custom CSS. Don't edit the CSS files itself, because those modifications will be lost during an update. |
|                |                                                                                                                                                                                          |


---

# Agent Instructions: 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:

```
GET https://wpcloudplugins.gitbook.io/docs/global-options/layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.