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.