Where to find it
In the app, open Settings. It has two tabs:
- Bundle block: the bundle offer on your product pages.
- Kit pages: the pages where shoppers pick products for a kit.
What you can change
- Layout, for example products per row on desktop and mobile, corner radius and image shape on kit pages.
- Text that shoppers see.
- Colors, including buttons and button hover effects.
- What to show, for example the deal badge, the original price, the variant dropdown, and “Only N kits left” when kit stock is limited.
The bundle and kit blocks use your theme’s fonts.
Custom CSS Pro
On the Pro plan you can add your own CSS for anything the settings don’t cover.
- Each tab has its own Custom CSS box. CSS on the Bundle block tab applies only to the bundle block, and CSS on the Kit pages tab only to kit pages.
- Up to 1,500 lines. You can also click Upload .css file.
- If you switch to Free, your CSS is kept but stops loading on your storefront. It loads again when you go back to Pro.
Tip: check your custom CSS on a product page and a kit page, on desktop and on a phone.