> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.
![](https://storage.crisp.chat/users/helpdesk/website/d94c15b745094000/7d65f697-d293-480b-9eed-8948da_1un42m1.png)

Scroll down to the **Custom CSS** section and click on it.
![](https://storage.crisp.chat/users/helpdesk/website/fc4cd3e27d780000/77f57248-1eae-4d98-b23d-175708_xtkoow.png)

3. 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.
4. **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.
![](https://storage.crisp.chat/users/helpdesk/website/8b550b8fd55db000/6284febf-da6f-45c0-8315-56ac6a_um96bs.png)