Shopify App Carousels
Customizing Carousels with CSS
Introduction
The Shopbox carousels use a minimal, utility-focused set of CSS classes, making it easy to override or extend styles as needed.
Where to Add Your Styles
We recommend placing them in the Custom CSS section of the "Apps" block within your theme editor.
If you'd like the styles to be shared across multiple templates, pages, or carousels, consider adding them to a global CSS file in your theme.
Scoping Styles to a Specific Carousel
To apply custom styles to a single carousel instance, use the unique Shopify section ID as a parent selector. For example:
#shopify-section-{{ section.id }} .sb-product-card {
background-color: #f9f9f9;
}