Developers: styling the storefront
5 articles
Styling Hype's storefront componentsHype Bundles's storefront components are styled in three layers. Pick the lowest one that does the job. Layer Who uses it Reaches Design customizer /…Sep 10, 2026Offer block CSS variablesEvery color, radius, size and weight in a Hype Bundles offer block is a --hype-* custom property. Set any of them on the block, on its offer class,…Sep 10, 2026Offer block ::part() hooksWhen a --hype-* variable does not reach far enough, style the block's named internals with ::part() . Parts are applied from the page's own…Sep 10, 2026Offer block styling recipesCopy-paste CSS for the looks merchants ask for most, plus the attributes and placement hooks a theme developer needs. Paste these into your theme…Sep 10, 2026Custom CSS and custom JavaScriptThere are three places to put your own CSS or JavaScript, and which app you are in decides which of them exist. Where App Reaches Holds The Hype…Sep 10, 2026
Still need help?
Start a chat and we'll pick it up right here.