Customize the Styling of Supertime on your store cart page

Looking to style the Supertime selectors on your cart page? Supertime supports that!

You can further customize the styling of Supertime on your cart page by inserting CSS code snippets your theme. This can usually be found in the theme.scss.liquid file in your Theme settings

For example, Supertime is right-aligned by default to match most themes, but you can update the text-align property for Supertime using this method.

div.supertime > div { 
   text-align:center
}

Steps:

  1. Visit your store's Theme settings.
  2. Click the Actions button and select Edit Code.

  3. Find your theme.scss.css or theme.css file. This is typically found under the Assets folder. If you have a custom theme, there may also be a file called custom.css that's designed for adding additional snippets. 
  4. Scroll down to the bottom of the file and paste in the code snippet above

  5. Click the Save button.