> For the complete documentation index, see [llms.txt](https://transition-slider.gitbook.io/wordpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://transition-slider.gitbook.io/wordpress/editing/size.md).

# Size

Set Slider 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. 

{% 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 *****Height***** 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.