---
description: Set Slider size.
---

# Size

![Size tab](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_QCu9pe_-GB6TYaw7B%2F-M_UwH2orcMj8GgA7cL0%2F46.png?alt=media\&token=5bba1cef-1e1e-49b4-9d87-5f85a0f41180)

![Size settings for Desktop, Tablet and Mobile](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_PKlrHwcAN0p7KBcN6%2F-M_PPlCkhwyiEvgblAZU%2F33.png?alt=media\&token=21d11e45-59bc-460e-941d-056897522554)

Under _**Size**_ tab you can adjust Slider size for all devices.&#x20;

{% hint style="info" %}
Switch between icons (**Desktop/Tablet/Mobile**) to target **Size** settings certain **device**. Each device can have own _size_ settings.
{% endhint %}

### **Responsive mode**

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_PKlrHwcAN0p7KBcN6%2F-M_PT63MzSWif_GvGtgR%2F34.png?alt=media\&token=dda08b86-f9d5-4a77-b766-3b6f763f0701)

Forces the slider to adapt width to it’s parent container width. Height of the slider is defined with _**Height**_ slider parameter. If this option is not working maybe _**Fullscreen mode**_ is _**ON**_, disable _**Fullscreen mode**_ with _**OFF**_ and responsive should work.

#### **Responsive ratio (width/height)**

The aspect ratio of an slide describes the proportional relationship between its width and its height. **This parameter overrides&#x20;**_**Height**_**&#x20;parameter!**

**Force responsive mode**

Forces the slider to adapt to the full browser window width.\
Height of the slider is defined with _**Height**_ slider parameter.

### **Fullscreen mode**

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_PKlrHwcAN0p7KBcN6%2F-M_PT8POC8TwfbLlCTKe%2F35.png?alt=media\&token=36c4541f-3fc7-4216-b70a-1622838559f0)

Forces the slider to adapt height to fit the screen and width to it’s parent container width. **This option override all other size options.**

#### **Force fullscreen mode**

Forces the slider to adapt width and height to fit the screen. **This option override all other size options.**

### **Fixed mode**

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_PKlrHwcAN0p7KBcN6%2F-M_PTBRhzuU4jIEVYrpp%2F36.png?alt=media\&token=f2f524e0-fb46-4b47-ada5-2498694ba15e)

#### **Width**

The base width of slider (in _**px**_).

**Height**

The base width of slider (in _**px**_).

### **Lightbox mode**

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_PKlrHwcAN0p7KBcN6%2F-M_PTWekJEJq5cUw4vh3%2F37.png?alt=media\&token=5d25be7c-4a82-4273-8695-125680c53f8e)

Enable (_**ON**_) or disable (_**OFF**_) the lightbox mode.

#### **Text**

Content of lightbox text element.

**Font family**

Font family of the text element.

**Font color**

Font color of the text element.

**Hover color**

Font color of the text element on mouse hover.

**Font size**

Font size of the text element.

