> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/change-swatch-styles.md).

# Change swatch styles

Modify the appearance of variants swatches by changing the **Shape.** You can display all swatches with a rectangular, round, or square shape.

### Change s**watch shape**

***

In your theme editor (**Customize**):

1. Click on **Theme settings** and open the **Product** tab.
2. Under **Swatches**, set the **Swatch shape** to **Rectangle**, **Round**, or **Square**. This option applies to all swatches across your site.

   <div align="left"><img src="/files/8ADHefXwB5Uo4gQoXNO7" alt="" width="563"></div>
3. Click **Save**.

\\

***

> **Related links**\
> [Use default color swatches](/cornerstone/product-pages/variant-options/variant-swatches/use-default-colors.md)\
> [Use custom color swatches](/cornerstone/product-pages/variant-options/variant-swatches/use-custom-colors.md)\
> [Upload custom image swatches](/cornerstone/product-pages/variant-options/variant-swatches/use-custom-images.md)\
> [Show swatches on product cards](/cornerstone/product-pages/variant-options/variant-swatches/show-on-product-cards.md)\
> [Enable dynamic option availability](/cornerstone/product-pages/variant-options/variant-swatches/dynamic-option-availability.md)