How to add custom CSS to your Hosted Store

Updated on 29th April 2022 in Hosted Storefront

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

Screenshot 2022-04-29 at 15.38.31.png

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

Can’t find what you’re looking for?

Chat with us 👋

or contact us on [email protected]

as featured in