How To Style PPOM fields?

The PPOM meta fields can be easily customized using the in-built style settings. To access these, follow these steps:

1: Navigate to WooCommerce > Settings > PPOM settings.

2: Click on the Style settings tab.

There are multiple areas to customize, such as:

General settings (refer to field labels and descriptions, as well as options label and option price label)
Input Box settings (where you can customize background text color and borders)
Price Table settings (for which you can set text and background color)
Tooltip settings (that includes any helper text that appears in the fields, including the color codes/names).

Other dedicated style settings can be found in the following areas:

WooCommerce > Settings > PPOM settings > Addons > Collapse - to customize the aspect of the collapse field:

Collapse style settings

Customized Collapse field

WooCommerce > Settings > PPOM settings > Addons > Fields Popup - where you can customize the fields popup button, where PPOM meta can be displayed:

Fields Popup style settings

Customized Fields Popup button

WooCommerce > Settings > PPOM settings > Addons > Enquiry Form - to customize the aspect of the form buttons:

Enquiry Form style settings

Customized Enquiry Form button