Custom CSS & JS
Style templates and add custom code without editing the underlying markup.
Add custom CSS and JS to your templates
How to add your own CSS and JavaScript to the cart, checkout, and receipt.
CSS class and naming conventions reference
Reference for Foxy's CSS class, ID, and data attribute conventions, BEM naming, and responsive breakpoints used in custom templates.
Customize the SVG icon colors
How to change the fill color of the SVG icons on the cart and checkout, like arrows and padlocks, using custom CSS.