Checkout Page
The North Commerce Component's styling are defined by a CSS & there is a few CSS variables you can adjust that will update all of the styling for the checkout page
Preview of the Checkout Page
All you need to do is update the #HEX code for each of these CSS variables to update the colors everywhere.
.nc-checkout-container {
--primary-font: "Poppins", sans-serif;
--secondary-font-color: #000000;
--primary-btn-font-color: #ffffff;
--primary-input-border-color: #e5ebf1;
--primary-theme-color: #ff5500;
--primary-disabled-theme-color: #ff5500a3;
--primary-error-color: #ff0051;
--secondary-theme-color: #ffffff;
--secondary-border-color: #00000014;
--error-font-size: 12px;
}
Last modified 5mo ago