Summary
- Overview
- Adding Gallery Carousel
- Inserting Images to Gallery Carousel
- Carousel and Arrow Settings
- Changing Image Width
- Original Width
- Fixed Width
- Image Width Slider
- Fitting Images
- Preview in Mobile Views
The Gallery Carousel Element is an excellent tool to present a collection of images, for example, your portfolio works, brand logos, and much more. It works similarly to the Image Slider Element but shows several images at once. You can customize the Carousel with the properties fine-tuning it for your needs and how it looks and interacts with users.
Adding Gallery Carousel
You can add the Gallery Carousel from the Carousel, Image Gallery, and Slider sections from the "Element" menu on the Top Bar.
Inserting Images to Gallery Carousel
Add a new image to the Gallery Carousel by clicking the Plus icon on the Context Toolbar for the selected Image.
You can choose a Video instead of an Image.
Carousel and Arrow Settings
Like the Image Gallery, you can set various properties for the Carousel and its Arrows in the Property Panel.
Changing Image Width
You can select the Image Widths to show images on the Carousel Element.
Original Width
Please choose this option to resize Images in the Carousel proportionally to their original width.
Fixed Width
If you switch the mode to Fixed, you will see the Carousel Images with the fixed-width resized proportionally.
Image Width
You can change the Width of Images inside the Gallery Carousel by pulling the Value Slider.
Fitting Images
Additionally, you can change the Fit option for each Image, set Cover or Contain.
Preview in Mobile Views
You can edit and preview the Gallery Carousel in all available Mobile Views.
Read Also
## Summary
- Overview
- Adding Gallery Carousel
- Inserting Images to Gallery Carousel
- Carousel and Arrow Settings
- Changing Image Width
- Original Width
- Fixed Width
- Image Width Slider
- Fitting Images
- Preview in Mobile Views
The Gallery Carousel Element is an excellent tool to present a collection of images, for example, your portfolio works, brand logos, and much more. It works similarly to the [Image Slider](page:97211) Element but shows several images at once. You can customize the Carousel with the properties fine-tuning it for your needs and how it looks and interacts with users.
!image-carousel.png!
## Adding Gallery Carousel
You can add the Gallery Carousel from the Carousel, Image Gallery, and Slider sections from the "Element" menu on the Top Bar.
!add-image-carousel.png!
## Inserting Images to Gallery Carousel
Add a new image to the Gallery Carousel by clicking the Plus icon on the Context Toolbar for the selected Image.
!adding-image-carousel.gif!
You can choose a Video instead of an Image.
## Carousel and Arrow Settings
Like the [Image Gallery](page:98179), you can set various properties for the Carousel and its Arrows in the Property Panel.
!carousel-arrow-image-properties.png!
## Changing Image Width
You can select the Image Widths to show images on the Carousel Element.
### Original Width
Please choose this option to resize Images in the Carousel proportionally to their original width.
!carousel-image-width.png!
### Fixed Width
If you switch the mode to Fixed, you will see the Carousel Images with the fixed-width resized proportionally.
!carousel-image-fixed-width.png!
### Image Width
You can change the Width of Images inside the Gallery Carousel by pulling the Value Slider.
!carousel-image-width.gif!
## Fitting Images
Additionally, you can change the Fit option for each Image, set Cover or Contain.
!carousel-image-fitting.png!
## Preview in Mobile Views
You can edit and preview the Gallery Carousel in all available Mobile Views.
!carousel-mobile-views.png!
## Read Also
- [Gallery](page:)
- Gallery Thumbnails
- [Gallery Slider](page:97211)
- [Slider](page:97200)
- Full Width Slider
##