# Card carousel
This is a custom block that generates a carousel of cards, which are pieces of content with an image at the top and text at the bottom, as shown below.
# Adding the block to a page
To add a Card carousel block:
- Add or edit a page that uses the Gutenberg editor (e.g. Page or Post)
- Click to add a Gutenberg block (more on how to add a Gutenberg block can be found here)
- Find the block with the name Card carousel (highlighted below) and,
- Click on it to add it
# Adding a carousel slide
Once you add the Card carousel, you can start adding slides to it. To add one, simply click on the plus button in the Card carousel block, as show below:
# Adding an image
Once you add a slide, you should be prompted to upload a new image or use an existing one from the Media Library, as shown below.
To change a card's (slide's) image, select the card, click on the pencil icon (highlighted below) and follow the instructions to use an existing image from the Media Library or upload a new one.
# Adding text
Once you choose an image for the Card, you will be prompted to add the text that will go to the bottom of the card as shown below.
By default the text area contains two paragraph blocks, but you can swap them for other blocks (e.g. heading, button) if you wish as shown below.
To change the paragraph or heading colour, simply select that block, expand the Colour options dropdown (highlighted below) and choose a colour colour from the predefined ones.
To change the background colour for the text area, simply select the Card block, expand the Colour options dropdown (highlighted below) and choose a background colour from the predefined ones.
To add a slide to the carousel after configuring one, simply click on the plus button highlighted below.
