Custom CSS

Where to find it: Settings → Carousel → Custom CSS

Pro plan required

A free-form CSS field that lets you override or extend the default styles of the carousel widget. Changes written here apply to every Videoselz carousel on your store, alongside any CSS in the block's own Custom CSS field in the theme editor.

Use Custom CSS for styling that isn't available through the standard settings — for example, adjusting font sizes, hover animations or text styles.

Tips

• Videoselz renders inside its own isolated area of the page (shadow DOM), so your CSS only affects the carousel — it can't change the rest of your storefront. It also means your selectors must target Videoselz's own class names, which start with vdslz-.
• Use your browser's inspector tool to find the class names before writing your overrides.
• Spacing between videos is a block setting (Spacing between videos in the theme editor), so you don't need CSS for it.
• Click Save in the top save bar after making changes, then reload your storefront to see them.

Example

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

/* Loosen the subheading's line height */
.vdslz-subheading {
  line-height: 1.4;
}