# General

**Typography** allows setting the font, size of texts for the site.

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 ->** **General.**

**Link**

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Link letter spacing</td><td>Determines the letter spacing of link. Can be from -5% to 10%, increasing arithmetically of 5%.</td></tr><tr><td>Hover effect</td><td><p>Select the hover effect link from the dropdown menu:</p><ul><li><strong>Line</strong></li><li><strong>Dot</strong></li></ul></td></tr><tr><td>Color type</td><td><p>Select the hover effect link from the dropdown menu:</p><ul><li><strong>Adapt to text color</strong></li><li><strong>Custom color</strong></li></ul></td></tr><tr><td>Use custom color</td><td>Set the color for the text</td></tr></tbody></table>

**Button**

<table><thead><tr><th width="238">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Button style</td><td><p>Select the button style from the dropdown menu:</p><ul><li><strong>Standard</strong></li><li><strong>Classic</strong></li><li><strong>Special</strong></li></ul></td></tr><tr><td>Button icon</td><td><p>Select the icon in the button from the dropdown menu:</p><ul><li><strong>None</strong></li><li><strong>Caret</strong></li><li><strong>Arrow</strong></li></ul></td></tr><tr><td>Hover effect</td><td><p>Select the hover effect button from the dropdown menu:</p><ul><li><strong>Diagonal swipe</strong></li><li><strong>Horizontal overlap</strong></li><li><strong>Ripple</strong></li></ul></td></tr></tbody></table>

**Carousel**

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Arrow style</td><td><p>Select the arrow style from the dropdown menu:</p><ul><li><strong>Special</strong></li><li><strong>Special (Text)</strong></li><li><strong>Classic</strong></li><li><strong>Modern</strong></li><li><strong>Modern (Plus)</strong></li><li><strong>Dreamy</strong></li></ul></td></tr></tbody></table>

**Rounding**

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Block corner radius</td><td>Round the corners of arrow. The range is from 0px (arrow border is a rectangle), to 100px (arrow border is a circle).</td></tr></tbody></table>