Caddy Pro lets you restyle every part of the cart — colors, the cart icon, sizes, and more — live in the WordPress Customizer, with a real-time preview of the cart as you make changes. The free version supports styling via custom CSS.
Opening the style customizer (Pro)
Go to Caddy > Settings > Styles and click Manage Styles in the Customizer (or go to Appearance > Customize and open the Caddy section). The Customizer opens with a live preview of your store — open the cart in the preview to watch your changes apply instantly. Click Publish when you’re happy.
What you can customize
- Cart icon — choose from 10 icon styles for the floating cart bubble (bags, carts, and baskets in outline and filled styles).
- Save for later icon — heart or bookmark.
- Cart bubble — background and icon colors for both the open and closed states, plus the item count badge colors.
- Cart window — background, text, muted text, links, borders, and the window width.
- Header & navigation — header background, nav link colors (default, hover, and active), and icons.
- Buttons — background and text colors with hover states for primary buttons, the coupon button (including border and border width), and the checkout button.
- Free shipping / rewards meter — background, text, link, error, and meter fill colors.
- Recommendation slides — background, border, text, and link colors, plus border width.
- Product thumbnails — thumbnail width for desktop and mobile.
Custom CSS (free and Pro)
For anything beyond the built-in options, add your own rules under Caddy > Settings > Styles > Custom CSS. See how to add custom CSS in Caddy for selectors and examples.