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

# Theme styles

In this section, you can change the style and appearance of several features in the theme.

### **Corner radius**

**Image**\
The corner radius can be adjusted from 0 to 20 pixels.\
This option applies to all images in the entire store, including media in the Mega Menu, product cards, product gallery, and images in the sections and blocks.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FzoyX71EyBv79dR2iNzz8%2Ftheme%20style_image%20corner%20radius.png?alt=media&amp;token=2a491c38-ea66-4e44-94c6-e8642a8df107" alt=""><figcaption></figcaption></figure>

**Inputs and buttons**\
Change the border radius of the buttons, badges, and input fields from 0 pixels to 40 pixels.

In the following example, you can view how the described settings might display on product pages:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FD0rIthtgYK3IWt7AZZTu%2Ftheme%20style_inputs%20%26%20btts%20radius.png?alt=media&amp;token=4687b795-34a9-4995-9e95-b09057f24b6d" alt=""><figcaption></figcaption></figure>

**Tooltip**\
This setting defines the tooltip shape. Adjusting the radius lets you create buttons with sharp edges (radius of 0) or fully rounded pill-style buttons (40 px), helping to match the overall design style of your store.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FOWKkwojTpNjktmzMl6K4%2Ftheme%20style_tooltips%20radius.png?alt=media&amp;token=119e3ad9-17d4-424c-9f70-3de80ae5966b" alt=""><figcaption></figcaption></figure>