**This procedure will guide you through creating an automated carousel to showcase multiple media items at once with is an automated slider.**

## How to edit in the back office? 



 

 

 



   ![Content carosel back office](/sites/g/files/dvc2391/files/styles/media/public/image/2024/08/Content%20carosel.png.webp?itok=p_mccFx8)   





 

 





 

 

You can add a **title** to each content carosel block. (This is optional; you can skip it and add custom text if you prefer a different style for the title instead of using the default one.)

The **background color** is also customizable to match your preferences.

Enable the "**Auto Rotation**" option to activate the slider functionality.

Additionally, you can adjust the **rotation speed** and specify the **number of slides** to display initially.



 

 

 



 

 

 

 






## Examples:



 

 

 



 

 

 

 





##  Content carosel - content push 

   ![Data Coded](/sites/g/files/dvc2391/files/styles/content_push_teaser/public/image/2026/09/Group%202%20%281%29.png.webp?itok=_1AZ2wdZ)   





 

  

 Title 

 Description 

 

 

    

 

 

 

 

 

 





 

 



 

  

 

 

 

    

 

 

 

 

 

 





 

 



 

  

 

 

 

    

 

 

 

 

 

 





 

 



 

  

 

 

 

    

 

 

 

 

 

 





 

 



 

  

 

 

 

    

 

 

 

 

 

 





 

 



 

 

  Previous         Next        

 

 

 



##  Content carosel - image cards 

    ![](/sites/g/files/dvc2391/files/styles/media/public/image/2024/04/image%2015.png.webp?itok=aIWHSqBD)   



Digital communications manager

 

    

    

 

###       Digital communications manager 

Yujing Wang



 

 

 



 

    ![](/sites/g/files/dvc2391/files/styles/media/public/image/2024/04/Alan%201.png.webp?itok=d6tdnaIS)   



Alan Riou

 

    

    

 

###       Alan Riou 

Digital communications manager



 

 

 



 

    ![](/sites/g/files/dvc2391/files/styles/media/public/image/2024/04/image%2016.png.webp?itok=mkQqJp6s)   



Laetitia Coupe

 

    

    

 

###       Laetitia Coupe 

IT project manager



 

 

 



 

    ![](/sites/g/files/dvc2391/files/styles/media/public/image/2024/04/image%2017.png.webp?itok=Fg2VYh9X)   



Coralie Gakpe

 

    

    

 

###       Coralie Gakpe 

IT project manager



 

 

 



 

 

  Previous         Next        

 

 

 



## Explore Other Components to Enrich Your Website Pages

[Explore all the components here](/drupal-essentials/components)

 



 

 

 



 [   ![content with aside icon ](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2810%29.jpg.webp?itok=HfKGf3A1)   ](/content-aside)[Content with Aside ](/content-aside)

 

###       [Content with Aside ](/content-aside) 

 

 

 



 

 [   ![grid icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%288%29.jpg.webp?itok=1FG3Iuew)   ](/grid)[Grid](/grid)

 

###       [Grid](/grid) 

 

 

 



 

 [   ![container icon](/sites/g/files/dvc2391/files/styles/media/public/image/2025/01/Design%20sans%20titre%20%2812%29.jpg.webp?h=b202b291&itok=vmeeKQt-)   ](/container)[Container](/container)

 

###       [Container](/container) 

 

 

 



 

 

 





 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/08/HP%20BG%20-%20grey%20very%20pale.png.webp?itok=OY0Zt4pI)   





 

 

 

 

 






## Ask for support

We use ServiceNow to track all of your requests and questions

[Create a ticket now](https://veglobal.service-now.com/s3c?id=service_catalog&root=fcec05201b1649504d79dce2b24bcb50)

 



 

 

 



 

 

   ![](/sites/g/files/dvc2391/files/styles/crop_freeform/public/image/2024/04/image%2014%20%283%29.png.webp?itok=j1xAfftb)