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