There are two ways you can Style Storefront’s Option Appearance :
So here's a step-by-step guide on how you can apply style storefront's option appearance to the product page for each option set individually.
From the Optionia dashboard, click Option Sets from the bottom-left corner.
Then, click the Option Set where you want to add the style.

You can apply additional style to either a new option set or an existing one. You can learn to create a new option set in another part. For now, we will discuss how to add a checkbox option to an existing option set.
Click the option name you want to apply the style.

Now scroll down a bit and you will see the "Additional Settings" option.

After clicking on the “additional settings” you will see few field for styling. Optionia lets you style each option however you like.

In the Additional Settings stylize:
Option title color: This sets the color of the option title.
Description color: Choose the color of the description.
Checked color: This defines the fill color inside the checkbox when it is selected
Choice spacing: Spacing of the checkboxes.
Option value style: A dropdown menu that lets you change the layout orientation of the options. (horizontal/vertical)
Help text style: A dropdown menu to choose how helpful hints or descriptions are displayed to the user. It is currently set to "Tooltip."
Price shows with option value: A checkbox that, when checked, will display the price modifier (e.g., "$0") next to the option text in the final display.
Bring your brand’s vibe to the option sets with additional stylization.
When you are complete, save the Option set.
Also you can add custom CSS on your option to personalize the appearance according to your business needs.

|
Important: You can assign the option to a product category from here. But if you add the color swatch option under an option set already assigned to a product type, that option will also follow that product type.
|