# Drawers

**Drawers** allow you to customize the style of drawers 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 ->** **Drawers.**

#### **Border**

<table><thead><tr><th width="242">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 <strong>0px</strong> to <strong>12px</strong>, increasing arithmetically of <strong>1px</strong> (pixel). </td></tr><tr><td>Opacity</td><td>Sets the opacity level for an variant pill's four borders. Can be from <strong>0%</strong> to <strong>100%</strong>, increasing arithmetically of <strong>5%</strong>. </td></tr><tr><td>Corner radius</td><td>Set the radius of the variant pill's corners. Can be from <strong>0px</strong> to <strong>40px</strong>, increasing arithmetically of <strong>1px</strong> (pixel). </td></tr></tbody></table>

#### **Shadow**

<table><thead><tr><th width="241">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Opacity</td><td>Sets the opacity level for an variant pill's shadow. Can be from <strong>0%</strong> to <strong>100%</strong>, increasing arithmetically of <strong>5%</strong>. </td></tr><tr><td>Horizontal offset</td><td>The horizontal offset of the shadow. A positive value puts the shadow on the right side of the variant pill, a negative value puts the shadow on the left side of the variant pill. Can be from <strong>-12px</strong> to <strong>12px</strong>, increasing arithmetically of <strong>1px</strong> (pixel). </td></tr><tr><td>Vertical offset</td><td>The vertical offset of the shadow. A positive value puts the shadow below the variant pill, a negative value puts the shadow above the variant pill. Can be from <strong>-12px</strong> to <strong>12px</strong>, increasing arithmetically of <strong>1px</strong> (pixel). </td></tr><tr><td>Blur</td><td>The blur radius. The higher the number, the more blurred the shadow will be. Can be from <strong>0px</strong> to <strong>20px</strong>, increasing arithmetically of <strong>5px</strong> (pixel). </td></tr></tbody></table>