Articles on: PDF Invoice - Order Printer

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.


  1. Navigate to **Themes **under the ** Online Store **
    pen Customize
    Select the theme Theme Settings option.


Scroll down to the Custom CSS section and click on it.


  1. 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.
  2. 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: 26/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!