How to add custom CSS to your Hosted Store

Sometimes you want a bit more control over the style of your hosted store, so we've added support for custom CSS.

Just add your own CSS rules into the dashboard and the changes will be reflected instantly in your hosted storefront.

Warning, adding custom CSS can break your Storefront style/layout, proceed with caution

To add custom CSS:

1. From your Shoprocket dashboard, go to Sales Channels > Hosted Store.
2. In the left-hand sidebar, click on the Custom CSS menu item
3. Add your CSS to the text area provided
4. Save by clicking Update Settings

Note: you must only include the CSS rules, do not add any <style> tags