# Buttons

Buttons are crucial for navigation, calls to action, and customer engagement. Customizing their appearance allows you to make them stand out or blend seamlessly with your site's design.

## How to access Button settings

<Hint type="success">

Steps:

1. In the theme editor (**Customize**), click **Theme settings**.
2. Locate **Buttons**.
3. Enter the tags you want to show as badges.
4. Click **Save**.

</Hint>

## Buttons settings options

![image](https://docs-assets.foxecom.app/pebble-theme/image_sg0pfuUm.png)

### Font

Choose a font for your button text. Options include **Body**, **Heading**, and **Subheading**, letting you match your buttons to the rest of your store’s text style.

![image](https://docs-assets.foxecom.app/pebble-theme/image_C6j1wHu9.png)

### Height

Set the height of your buttons from 40px to 80px.&#x20;

Larger buttons stand out more, while smaller ones fit into compact designs.

### Corner radius

Adjust the roundness of your button corners from 0px (sharp) to 60px (rounded).&#x20;

Rounded corners give a modern look, while sharp corners keep things more traditional.

<div>![image](https://docs-assets.foxecom.app/pebble-theme/image_UUTnRr7b.png) ![image](https://docs-assets.foxecom.app/pebble-theme/image_5CSwz6RL.png) ![image](https://docs-assets.foxecom.app/pebble-theme/image_WmoikObr.png)</div>

### Border thickness

Set the border thickness between 1px and 4px.&#x20;

Thicker borders make buttons more prominent, while thinner borders create a subtle, clean appearance.

<div>![image](https://docs-assets.foxecom.app/pebble-theme/image_CC1uAK36.png) ![image](https://docs-assets.foxecom.app/pebble-theme/image_GbTghxaj.png) ![image](https://docs-assets.foxecom.app/pebble-theme/image_uWTzX1Yn.png)</div>