# Before/ After image slider

## General settings

Choose the container type for the section: Default, Full width, or Container box.

Next, provide a heading, subheading, and description for the section. Feel free to leave any field blank if you prefer not to display the content.

You can align the text either to the center or to the left.

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2F83dP2VcHRFMcTgirGKIo%2F1.png?alt=media&#x26;token=cdcdf1e5-4a05-495c-b081-f03d5e490350" alt=""><figcaption></figcaption></figure>

## Slider settings

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2F6ISx7QlIt2GZPw7JA6z1%2F2.png?alt=media&#x26;token=7b1d4467-c779-4944-b5ba-8bc430234c13" alt=""><figcaption></figcaption></figure>

The layout settings let you decide whether to have your images slide horizontally or vertically.

Horizontal

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FRVC3BRsc28ekxNi7fL7K%2F3.avif?alt=media&#x26;token=677a9deb-a366-478c-8577-fcc4b0487fb0" alt=""><figcaption></figcaption></figure>

Vertical

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FNch0dhp9v6YcMS8YQB0n%2F4.avif?alt=media&#x26;token=da91249b-9ea2-483b-9762-c0a08c9101ba" alt=""><figcaption></figcaption></figure>

## Block settings

You have two image blocks within a Before/After image slider. To enable the slider, you must fill in both blocks.

For each block, you can add an image for desktop/laptop/tablet view, another image for mobile view, and provide a heading for that imag

<figure><img src="https://2059493604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRPWLB8MHorBB5Xcu4UyI%2Fuploads%2FLm6s3rbbywX1Ky2UsW9K%2F5.png?alt=media&#x26;token=0a651aad-44bc-4422-9902-abe6bf3cf489" alt=""><figcaption></figcaption></figure>