How to change the style of specific options within an option set

To change the style of a specific option, within an option set, you will need to follow this example below.

  1. Add a Class Name to the option you want to add custom styles.

2. Add the following code to your Option Set Custom Styles section.

  • Substitute “yourclassname” with the Class Name you gave your option in step 1.
.yourclassname {
 /* your css styles here */

}

  • Change the size of a Swatch Option
.yourclassname .swatch.swatch-image{
  width: 55px !important;
  height: 55px !important;
}