Product Options Customization & Styling FAQ

Modified on Thu, 03 Nov 2022 at 05:17 PM


This article outlines some of the most common questions regarding customizations in Bold Product Options.

It is important to note that making styling changes requires basic knowledge of CSS.

If you are not comfortable completing this on your theme or would like to apply a different customization, one of our partners would be happy to create this for you as a paid customization. Please contact our partners, HeyCarson, via this form.

Can I increase the size of the swatches?

Yes, within Product Options' Display Settings, you can adjust the swatch settings to decide if they should be Small, Medium, or Large. These are pre-determined sizes within the app.

If you'd like to fine-tune your swatch sizes, you can use custom CSS or add the ability to adjust the swatch size into your theme through Liquid code adjustments.

Please visit Adjust the Swatch Size in Product Options for more information.

Can I customize the colour picker/date picker?

No, both the colour picker and date picker's display are dependent on which web browser you are using.

See below for examples of how the date picker option displays on different web browsers.

Google Chrome

Date Picker - Google ChromeDate Picker - Google Chrome


Date Picker - SafariDate Picker - Safari


Date Picker - FirefoxDate Picker - Firefox

Microsoft Edge

Date Picker - EdgeDate Picker - Edge

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article