Mollie Components - mollie/WooCommerce GitHub Wiki

After you have completed the onboarding process, follow these steps to navigate to the Mollie Components tab:

Go to WooCommerce > Settings > Mollie Settings > Mollie Components

From this tab you can manage Base and invalid status styles:

Base Styles

  • Background color - Default #ffffff
  • Text Color - Default #000000
  • Placeholder Color - Default #cccccc
  • Font Size - Defines the component default size. Allowed units: โ€˜emโ€™, โ€˜pxโ€™, โ€˜remโ€™. Default 16px
  • Font Weight - Default Regular. Lighter and Bold are additional options.
  • Letter Spacing - Default 0
  • Line Height - Default 1.2
  • Padding - Add padding to the components. Allowed units include โ€˜16px 16px 16px 16pxโ€™ and โ€˜emโ€™, โ€˜pxโ€™, โ€˜remโ€™. Default .63em
  • Align Text - Default Left. Additional options are Right, Center and Justify
  • Transform Text - Default None. Additional options are Capitalize, Uppercase, Lowercase, Full Width, Full Size Kana

Invalid Status Styles

  • Text Color - Text color for invalid input. Default #000000
  • Background Color - Background Color for invalid input. Default #fff0f0