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 the following CSS code snippet your theme. This can 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 file. This is typically found under the Assets folder.
  4. Scroll down to the bottom of the theme.scss.css file and paste in the code snippet above

  5. Click the Save button.