> For the complete documentation index, see [llms.txt](https://wpcloudplugins.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpcloudplugins.gitbook.io/docs/global-options/layout.md). # Layout Fine-tune the visual style of the plugin with options for palettes, themes, and media player skins. You can customize the looks of each individual module in the module configuration. ### 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. |
### 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. | | | |