> For the complete documentation index, see [llms.txt](https://docs.toomuchmedia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.toomuchmedia.com/content-management/member-areas-and-tours/themes/block-types/carousel-block.md).

# Carousel Block

*Article Topics:* [*Blocks*](/getting-started/common-topics/blocks.md)*,* [*Design*](/getting-started/common-topics/design.md)

## Overview

The Carousel Block allows you to feature a rotating set of slides, each with an image or video. You can apply optional text and a link to each of the slides, making it a great tool for showcasing new content, promoting featured models, or highlighting current offers. 

Each slide in the carousel can link to a different page, making it easy to direct visitors exactly where you want them to go. 

{% embed url="<https://youtu.be/yjBoZ8R21i0>" %}

## Slides

The **Slides** tab is where you create and manage your carousel content.&#x20;

### Adding Slides

You can add multiple slides to the block. Each slide represents a banner or promotional item in the rotation. For each slide, you can configure the following:

* Enable/Disable Toggle: Turn individual slides on or off as needed.
* Start and End Dates: Schedule when a slide appears or disappears.
* Media Type: Choose between an image or video for each slide.
* Banner URL: Provide the URL path to the media.
* Heading, Subtext, Button Tet: Add optional overlay text and a button to each slide.
* Button: Apply custom CSS classes to the button for styling.&#x20;

Each slide includes a **Link Type** setting that defines what happens when the slide is clicked:

* Link to Page: Direct the visitor to another page within your CMS.
* Static URL: Link to an external website.
* Signup Form: Redirect users to the signup page.
* Not Set: Keeps the user on the same page.&#x20;

The href Target field determines whether the link opens in the **same tab** or in a **new tab**.

### Slide Order

To change the display order of the slides, use the three dots on the left side of the list of slides and drag it to the desired position.

{% hint style="success" %}
TMM Tip: Placing your most important promotions as the first item will leave a good impression, since that will be the first thing someone sees when visiting the page containing the Carousel Block.
{% endhint %}

## Design Tab

All blocks contain Block Design and Block Content settings. These control how the block fits into the page itself. This may include:

* Adding background colors, padding, classes, or IDs to the block
* Changing the width of the block, and how it fits into your page

More information about Block Design and Block Content settings can be found [here](/content-management/member-areas-and-tours/themes/block-types.md#common-block-settings).

## Related Articles

{% content-ref url="/pages/J6Pe6MmfmWL8KMam8usM" %}
[Block Types](/content-management/member-areas-and-tours/themes/block-types.md)
{% endcontent-ref %}

{% content-ref url="/pages/GnJOwUcaAslymas8XykU" %}
[Pages](/content-management/member-areas-and-tours/themes/pages.md)
{% endcontent-ref %}