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?

  1. How it Works
  2. How to Create Option Set

Add div element for option sets to style

PreviousHow to Create Option SetNextHow to Add Different Option Types

Last updated 3 months ago

Was this helpful?

Eg:

yayextra-option-set[data-option-set-id="1439"] { /* Option set id is 1439 */
 border:solid 1px rgba(88,115,149,0.5);
 padding: 10px;
 margin-bottom: 50px;
}
.yayextra-option-set[data-option-set-id="1908"] { /* Option set id is 1908 */
 border:solid 1px rgba(88,115,149,0.5);
 padding: 10px;
}
/* You can style everything here, and you can style other option sets similarly based on id.
 Ex:
.yayextra-option-set[data-option-set-id="215"] {
 style here .....
 }
*/

You can see option set ID here: