> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/soul-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/soul-documentation/theme-settings/variant-pills.md).

# Variant pills

**Variant Pills** allow you to customize the style of variant pills (not dropdown style) in the theme.

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** **Variant Pills.**

**Border**

<table><thead><tr><th width="202">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Thickness</td><td>Set the width of an variant pill's four borders. Can be from 0px to 12px, increasing arithmetically of 1px (pixel). </td></tr><tr><td>Opacity</td><td>Sets the opacity level for an variant pill's four borders. Can be from 0% to 100%, increasing arithmetically of 5%. </td></tr><tr><td>Corner radius</td><td>Set the radius of the variant pill's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel). </td></tr><tr><td>Color swatches configuration</td><td><ul><li>Allows customizing the color code of a color name. If you do not enter the color code here it will display the default color according to the w3school color system.</li><li>You can customize a special color name with the color code you want or with a png image. For example: <strong>Multi Color: multi-color.png</strong>. <em>(You need to upload multi-color.png in your Shopify admin.)</em></li></ul></td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://halosoft.gitbook.io/soul-documentation/theme-settings/variant-pills.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
Setting	Description
Thickness	Set the width of an variant pill's four borders. Can be from 0px to 12px, increasing arithmetically of 1px (pixel).
Opacity	Sets the opacity level for an variant pill's four borders. Can be from 0% to 100%, increasing arithmetically of 5%.
Corner radius	Set the radius of the variant pill's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).
Color swatches configuration	Allows customizing the color code of a color name. If you do not enter the color code here it will display the default color according to the w3school color system. You can customize a special color name with the color code you want or with a png image. For example: Multi Color: multi-color.png. (You need to upload multi-color.png in your Shopify admin.)