Vev Help Center
Search…
Image Carousel
Sliding gallery of tiles containing image backgrounds, a text description, and a clickable link.

Configuration Options

Parameter
Type
Description
Image
Image
Specify the background image to go in place of the tile's background.
Title
Text
The title for the tile, visible in the topmost dominant position of the tile's content.
Description
Text
Body text for the tile, visible beneath the title text as a sub-dominant piece.
Button Label
Text
The visible text label in the button of the tile
URL
Link
The target destination of the button.
Number of visible slides per device mode.
Numbers
desktop: the number of tiles visible at a time when viewing on desktop device.
tablet: the number of tiles visible at a time when viewing on tablet mode.
mobile: the number of tiles visible at a time when viewing on mobile mode.
Autoplay
Toggle
Slides through the image carousel automatically.
Autoplay Interval Speed
Milliseconds
The interval for which the carousel pauses before automatically continuing to the next tile in the carousel. (Only when autoplay is ON)

Adding a Tile

Double click on the Image Carousel element to open its settings modal. Under tiles, click the "+" button to add a new tile. Then, fill your tile with content by specifying the fields for each tile.

Device Breakpoints - Responsiveness

Users can uniquely specify the number of tiles to display for each device mode including desktop, tablet, and mobile mode. Double click the Image Carousel to open the element's settings modal. Here, specify the number of tiles you wish to be visible for each of the listed device modes. Once completed, switch the Vev Editor device mode between desktop, tablet, or mobile mode to see the effect.

Styling Options

Tile Overlay

Each tile in the Image Carousel contains an overlay, layered above the image background and below the text content. This overlay improves readability by creating contrast between the text content and the background image. The overlay color can be modified using interface found under Editor Styles Panel > Background > Overlay.

Text Content

Each tile contains text in the form of a title, description, and button.Text styles for each of these items can be tweaked by locating Editor Styles Panel > Text, and then under here, tweaking the text item of interest.

Button

The button in each tile remains hidden until the user's cursor hovers over the tile, at which point the button animates into view. The appearance of this button can be configured by tweaking button styles found as follows:
  • Background color: Editor Styles Panel > Background > Button
  • Button border: Editor Styles Panel > Border > Button
  • Button border radius: Editor Styles Panel > Border Radius > Button
Last modified 2mo ago