How can you adjust the size of the colorswatches in the sense theme?
Hi @ateliercreado,
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.product-form__input--swatch .form__label {
width: 40px; /* Adjust this value for swatch width */
height: 40px; /* Adjust this value for swatch height */
}
.product-form__input--swatch .form__label .icon-checkmark {
width: 20px;
height: 20px;
}
You can change the width and height values in the code to whatever you like.
Thank You!
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
You’ll need to edit the theme code to adjust the color swatch size in the Sense theme, since there’s no built-in setting for it.
If you’d rather skip coding, you can use an app like Easify Product Options. It lets you create color swatches without touching any code, and you can easily customize their size, shape, and style. You can also add other options like size, material, or engraving in the same setup — all in one place. Here’s how it works:
- This is the result:
- This is the app setting:
You can change the shape of swatch here:
You can also change color and size of the swatch in the app design setting
I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 
Could you please share an example screenshot or related page URL here to better understanding?