Adding Custom CSS To Checkout Forms - SureCart

No results found. Try again with different words?

Search must be at least 3 characters.

Adding Custom CSS To Checkout Forms

During the website-building process, it’s a common practice to customize specific parts of a site using custom CSS. SureCart lets you do this by allowing you to add custom CSS to checkout forms.

SureCart components use a shadow DOM to encapsulate their styles. This provides a few advantages:

  • Styles are protected from any potential style conflicts. This means you don’t have to worry about theme or plugin styles conflicting with the SureCart UI.
  • If the internal HTML structure of any components changes, you won’t need to update any custom CSS.

There are two ways to make customizations to SureCart components. One way is with CSS custom properties (“CSS variables”), and the other is with CSS parts (“parts”).

Explore our docs for insights on styling the UI, complete with many examples.

We have a full version of this doc available here.

Was this article helpful?


Did not find a solution? We are here to help you succeed.

Start Selling With SureCart Today

Start for Free – No Credit Card Required

Start Selling With SureCart Today

Start for Free – No Credit Card Required

Trusted by Thousands of Businesses
Trusted by Thousands of Businesses
Start for Free. No Credit Card Required
World Class Support Team

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

E-Commerce Store Launch Checklist Download
Scroll to Top