Styling Settings

Written By Floris de Vries

Last updated 2 days ago

The Styling Settings page allows you to visually customize the VAT validation form so it matches your theme.

All changes can be previewed live in the Live Preview panel.


Display type

Controls how the VAT validation form is displayed in the cart or cart drawer.

Available options

  • Inline
    The VAT form is always visible.

  • Dropdown
    The VAT form is hidden behind a toggle and expands when the customer clicks it.


Recommended usage

๐Ÿ’ก For cart drawers (slide-out carts)
Using Dropdown is strongly recommended.

Why:

  • Cart drawers have limited space

  • A dropdown keeps the layout clean and compact

  • The VAT form is only shown when neededDisplay layout

Controls how fields and buttons are arranged.

  • Inline layout

  • Button alignment (left / center / right)


Spacing & sizing settings

You can customize:

  • Padding (horizontal & vertical)

  • Border radius

  • Border width

  • Font sizes for:

    • Title

    • Subtitle

    • Labels

    • Values

    • Error messages

    • Success messages


Color settings

Customizable colors include:

  • Title text

  • Subtitle text

  • Input text

  • Input background

  • Button background

  • Button text

  • Error text

  • Success text

  • Info box background


Validated info styling

Controls the appearance of the validated VAT information box.

Options include:

  • Show company address (if available)

  • Container padding

  • Border radius

  • Background color

  • Label and value font styles


Live preview

The preview panel shows:

  • Default form state

  • Error states

  • Successful VAT validation

  • Company data display (if returned by VIES)

Use this to ensure:

  • Readability

  • Contrast

  • Visual consistency with your theme


Final note

Styling settings do not affect VAT validation or tax calculation.
They only control how the form looks to customers.