# Slideshow v1

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Slideshow v1**
3. **Save**
   {% endhint %}

The slideshow section allows for easy customization, enabling users to upload images or videos for both desktop and mobile devices. It features a layout where the image is displayed on one side, and the text appears on the other, creating a balanced and visually appealing design. You can adjust the default height or set a custom one to fit your needs. The content can be personalized for all positions top, bottom, left, right, and center giving you full control over the placement. Whether you're showcasing visuals or adding dynamic media, this slideshow layout provides flexibility in positioning and appearance, ensuring an optimal viewing experience across all devices.

<figure><img src="https://1999296785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcUqKoPilRWuYhiqGpaZy%2Fuploads%2Fp8TAP7Z73NisSU0MFDDc%2Fimage.png?alt=media&#x26;token=1baf5954-269d-43a8-b3d1-c2fc0b334896" alt=""><figcaption></figcaption></figure>

### General settings <a href="#id-1.-design-settings" id="id-1.-design-settings"></a>

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/F1m5GI8rvAwF9N76L0Bx/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/9x2R4EYNtvnxSbT9RfIS/image.png" alt=""><figcaption></figcaption></figure>

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/yAeRjrGm8DxYUqrGtzDv/image.png" alt=""><figcaption></figcaption></figure>

### Blocks settings <a href="#block-settings" id="block-settings"></a>

**Image or video**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/IxK5EtoutQ4vGsDSWLkA/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/LNASgh87G7bVeBFI6Wjt/image.png" alt=""><figcaption></figcaption></figure>

**Animations**

The slideshow section offers a variety of dynamic effects to enhance the user experience.

1. Left to right
2. Right to left
3. Top to bottom
4. Bottom to top
5. Left right style 2
6. Random

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/Ydo81OnteBFMPcwC98XE/image.png" alt=""><figcaption></figcaption></figure>

**Content**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/gZDhnM62EUPFSt9HwdiZ/image.png" alt=""><figcaption></figcaption></figure>

**Content positon desktop and mobile**

1. Top left
2. Top center
3. Top right
4. Middle left
5. Middle center
6. Middle right
7. Bottom left
8. Bottom center
9. Bottom right

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/qd4kc7RADIghUggc5SvL/image.png" alt=""><figcaption></figcaption></figure>

**Color  and overlay settings**

The slideshow section allows for full customization of text color for each individual slide, ensuring that the text stands out and complements the content. You can easily adjust the color of the text on each slide, allowing for a personalized look that matches your branding or design preferences.

This feature ensures that the text is highly visible and legible, even when different backgrounds are used for each slide. Whether you're displaying images or videos, the text color can be customized to ensure optimal contrast and readability across various slide transitions and media types.

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/xzwsXF9gpKZLeFdQJoBL/image.png" alt=""><figcaption></figcaption></figure>
