YayExtra - WooCommerce Extra Product Options
  • YayExtra Documentation
  • Getting Started
    • Introduction
    • How to Install
    • Enter License Key
    • System Requirements
    • How to Update YayExtra
    • Uninstall and Delete
  • How it Works
    • How to Create Option Set
      • Add div element for option sets to style
    • How to Add Different Option Types
    • Common Options Settings
    • Sorting
    • Option Types
      • Text Option
      • Number Option
      • Button Option
      • Dropdown Option
      • Swatches Option
      • File Upload Option
      • Date Picker Option
      • Time Picker Option (with Conditional Logic)
      • File Download
      • Image Upload
      • How the Above Sample Appears on the Product Page
    • Add Action to Options Using Conditions
    • Assign Option Set to Products
    • Add Percentage Custom Fees
  • Customize
  • Settings
  • Developer zone
  • Why Upgrade?
  • Other Links
    • FAQs
    • Changelog
    • Support
Powered by GitBook
On this page

Was this helpful?

Customize

This feature is available only in the PRO version. Which helps custom style for extra custom fields (on the option set).

PreviousAdd Percentage Custom FeesNextSettings

Last updated 2 years ago

Was this helpful?

It helps you customize the style of custom fields such as tabs: General, Swatches, Button, and Custom CSS.

General

Example: Custom style for Label and Extra subtotal / Total style.

And the result:

Swatches

This is the Swatches tab which allows custom style for the Swatches option.

Button

This is the Button tab which allows custom style for the Button option.

Custom CSS

This is the Custom CSS tab which allows the customization of styles to the options.

In the following screenshot, we applied a 50% wrap size to the fields:

Before, by default, it was at 100%:

After applying the CSS, it was reduced to 50%:

General - style
Label and Extra subtotal / Total style
Swatches - style
Button - style
Custom CSS