---
title: Carousel Split
description: Combine text and imagery in an alternating carousel layout to tell engaging visual stories.
---
[Skip to content](https://scaffold.terrier.llc/docs/carousel-split#main-content)
Open main navigation
Close main navigation
- [Contact Support](https://getscaffold.app/docs/getting-help-with-scaffold)
[Contact Support](https://getscaffold.app/docs/getting-help-with-scaffold)
How can we help you?
- There are no suggestions because the search field is empty.
1. [Scaffold Docs](https://scaffold.terrier.llc/docs)
2. [Modules](https://scaffold.terrier.llc/docs/modules)
# Carousel Split
## Combine text and imagery in an alternating carousel layout to tell engaging visual stories.
---
###### VIDEO TRANSCRIPT:
Let's take a look at the Carousel Split
module.
So this is a module that is
only in Scaffold Pro,
and it
is, uh, if you look at the Carousel Cards
module, you see how that works. This is
kind of similar, but rather than a whole card
that goes across the screen,
you have,
uh, content on one side and a carousel
item on the next. So in this one,
um, you
have, uh,
this where it's just like get started in three steps,
and this item,
uh, scrolls through each step here.
And then this one where it's showing
featured work, uh, like portfolio items,
and you have your different items in here.
So you could see this one, it's allowing us
to kind of navigate through.
I make this observation on every, um,
any module that has
any sort of animation, I make the
observation to you that,
uh, how it's very like snappy here.
It's-- there's like a more of like a
smooth animation when it's on the actual live
webpage. When you're in the editor,
there's no real animation or anything like that.
So just something to be aware of.
And here, uh,
it doesn't seem like HubSpot
likes us being able to navigate. Let me reload
this page real quick.
This is kind of a pain sometimes when you're
editing things in HubSpot.
Let's see now.
Okay, now it's letting us navigate.
So, so you could see
here we have step one, step two, step three. So
two-- same module,
the split carousel,
two different use cases.
This is a little more structured
than the, um,
Carousel Cards module, where you can kind of just
add whatever you want. This has a predefined.
You have a top badge, a heading, a subheading,
then you have the carousel over here, and then if
you wanna add extra content, so we're on this one right
here, and if I add extra content,
I just added a button,
I could change it to be, you know, text
or a list
or, you know, there's a bunch of different ways.
Um, you know, the, the list
f- um, field in here,
it's very
flexible as well. There's all kinds of things
you could do. You could change the orientation
of it. You can have it so they have icons.
There's different icon libraries you could work with.
You could change the color.
So there's a lot you could do here. Uh, let's
change this color to green.
So yeah, there, there's a lot that you can mess around
with in there, but for now,
let me go back
and get rid of that and just show you the kind of
the core functionality.
So again, same module. You could see this
is actually a good example where we have the list here,
and, uh, I think it looks really nice.
But, um, but let's go back up here
and show you,
uh, again, you have the top badge,
uh, different things here. You can change the size,
the color. If you wanna get rid of it, you
just delete that,
and then it disappears.
But I'm gonna undo that.
Um, and then you have
your top badge. If I go back here,
you have your heading and your subheading.
And then if you wanna adjust the styles of the
top badge and the heading, like the font weight or the margin
above or below,
that's in the Styles tab. So one of the things you're gonna notice
is if there's a structured
module where you have things like top badge,
heading, subheading,
like predefined for you here,
you can edit some of the more intricate settings
in the Styles tab, like the,
you know, the font weight and things like that.
If it's a, uh,
more unstructured where you can add whatever you want
here, like these list items, or I can
add a button or whatever,
those styles are gonna be within the item itself.
So here you have list styles,
and this is where you can kind of change some of those things.
Um, but anyway,
let me show you the main two differences of this. So we have
this, and then you go to Carousel.
So this is where you could see
this one is set to Steps and includes
step number,
and then this one is set,
if I click on here,
and I go to Carousel,
this one is set to Image Slider. So you can see
the difference. You can add the border radius, different
padding,
things like that. When you click on each one,
you can add the border box, which is this border
around it,
uh, and change the color.
So this is the first one,
second one,
and the third one here.
Um, and you can add more carousel items.
It, it doesn't have to be three. It could be two.
Uh, it could be
five, it could be six. I think there is a maximum.
I've-- off the top of my head, I don't know what it is, but obviously,
we don't wanna
give you the ability to add five hundred carousel
items because that's just not good for anyone.
But, um,
you can adjust things like the shadow if you wanna
give it a drop shadow on the,
uh, and things like that.
But, um,
basically that's it. I, I don't wanna go,
uh, too into details. These videos are just kind of
to show you the, the main things. I think a lot of
this stuff is fairly intuitive.
So, uh, here, if I remove, if I
have the step ones, basically, if you have it set
to Steps, you're gonna have,
uh, this navigation here.
If it's set to Image Slider, you're gonna have
this here,
uh, these dots on the bottom.
If it's set to Steps,
you're gonna have the option to have a step number
on the top
where I can remove it. And then it's, if it's also set
to Steps,
you're gonna have a heading and a subheading within
this item here,
where if it's just set to regular,
um, if it's just set to regular
s- image slider,
if I click inside the,
the, uh, image, you just have the image. You don't
have an option to add
a heading and subheading up there.
So, uh,
that's basically it for the Carousel
Split module.
As always, I encourage you to,
um, just
mess around in HubSpot and, and see what you can figure
out. And if you have any issues, you can always
reach out to support.
- [Introduction](https://scaffold.terrier.llc/docs/introduction)
- [Getting Started](https://scaffold.terrier.llc/docs/getting-started)
- [Building Pages](https://scaffold.terrier.llc/docs/building-pages)
- [Modules](https://scaffold.terrier.llc/docs/modules)
- [Blog Setup](https://scaffold.terrier.llc/docs/blog-setup)
- [Release Notes](https://scaffold.terrier.llc/docs/release-notes)
[](https://scaffold.terrier.llc/)
[mailto:email@email.com](mailto:email@email.com)
Copyright © [Terrier Digital LLC](https://terrier.llc/)