Style the CIN Collecting Form
Our app now allows Shopify merchants to customize the appearance of their CIN (Company/Customer Identification Number) collection form by adding custom CSS. Here's a step-by-step guide to use this feature.
Select the theme Theme Settings option.
Scroll down to the Custom CSS section and click on it.
Add your CSS code to the Custom CSS section. You can use the CSS class names provided by our app to make the process easier.
Save your changes and check the appearance of the CIN collection form on the cart page.
NB: You can use check the Disable default styles option to remove the current default style, so you can start fresh.
Select the theme Theme Settings option.
Scroll down to the Custom CSS section and click on it.
Add your CSS code to the Custom CSS section. You can use the CSS class names provided by our app to make the process easier.
Save your changes and check the appearance of the CIN collection form on the cart page.
| Class | Element |
|---|---|
| final_invoice_cart | Form wrapper |
| final_invoice_title | Title wrapper |
| final_invoice_cin | CIN section wrapper |
| final_invoice_company | Company Name section wrapper |
| final_invoice_label | Labels in the form |
| final_invoice_input | Inputs in the form |
NB: You can use check the Disable default styles option to remove the current default style, so you can start fresh.
Updated on: 23/01/2025
Thank you!