Change the colors/styles of the Supertime text

Are you looking to customize the colors/styles of the Supertime text on your cart page? Supertime supports that!

You can control the colors and styles of your Supertime text by adding the following CSS classes to your theme.css.liquid file.

.supertime-delivery-method-text {
    <insert CSS here>
}
.supertime-date-text {
    <insert CSS here>
}

.supertime-timeslot-text {
    <insert CSS here>
}

.supertime-required-text {
    <insert CSS here>
}

.supertime-description-text {
    <insert CSS here>
}

Steps:

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

  3. Open your theme.scss.liquid file and scroll to the bottom of the file.
  4. Add the CSS modifiers you'd like to use (e.g. font-weight:, or color:)
  5. Add !important to those modifiers. For example, if making the colour pink, you would put:
    .supertime-delivery-method-text {
    	color: #FF00FF !important;
    }
    	
  6. Click the Save button.