Mollie Components

Jump to bottom

Ales Fizesan edited this page Mar 9, 2021 · 2 revisions

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