# Buttons

**Buttons** allows you to customize style for buttons 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 ->** **Buttons.**

#### **Text**

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Text size</td><td>Allows changing text size. Can be from <strong>10px</strong> to <strong>30px</strong>, increasing arithmetically of <strong>1px</strong> (pixel)</td></tr><tr><td>Font weight</td><td><p>Select the font weight from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Font style</td><td><p>Select the font style of the text:</p><ul><li><strong>Normal</strong></li><li><strong>Italic</strong></li></ul></td></tr></tbody></table>

#### **Border**

<table><thead><tr><th width="238">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Thickness</td><td>Set the width of an button'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 button'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 button'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="236">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Opacity</td><td>Sets the opacity level for an input'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 button, a negative value puts the shadow on the left side of the button. 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 button, a negative value puts the shadow above the button. 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>