Custom CSS

Where to find it: Settings → Carousel → Custom CSS

Pro plan required

A free-form CSS editor that lets you override or extend the default styles of the carousel widget. Changes written here apply globally to all carousels on your store.

Use Custom CSS for styling that isn't available through the standard settings — for example, adjusting font sizes, padding, border radius, hover animations, or the spacing between slides.

Tips

• Use your browser's inspector tool to find the specific CSS class names used by the carousel before writing your overrides.
• Be as specific as possible with your selectors to avoid unintentionally affecting other parts of your storefront.
• Click Save in the top save bar after making changes. Use the Refresh Preview button on the Carousel tab to see your CSS applied in the live preview.

Example

/* Increase spacing between video cards */
.videoselz-slide {
  margin-right: 12px;
}

/* Make the carousel heading uppercase */
.videoselz-heading {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}