<!--
canonical_url: https://university.spiffy.co/styling-customization/custom-css/
post_id: 570
post_type: post
last_modified: 2022-03-15T17:49:00+00:00
generated_at: 2026-04-16T16:18:08+00:00
-->

# Custom CSS

Design your perfect checkout with custom styles.

Every checkout has the ability to have custom CSS under the **Design** tab in the checkout editor.

Custom CSS will only show on the published checkout, so when testing styles make sure to look at the public-facing checkout.

We intentionally add `ID` and `class` to the HTML markup on checkouts to make it easier for you to pick and choose where you’d like to apply styles. Your developer should have no issue finding the appropriate `ID` and `class` to make any changes.
