> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Buttons and Inputs

> Configure Everest's global buttons and inputs settings and the shared behavior they control across the store.

The Buttons and Inputs settings control shared theme behavior across Everest. Because these values affect multiple sections and templates at once, they are best used to set global design direction and core storefront behavior before adjusting individual sections.

<img src="https://mintcdn.com/digifist/gqMX7EAfLgOIX2C-/images/theme/everest/theme-settings/buttons-and-inputs-overview.png?fit=max&auto=format&n=gqMX7EAfLgOIX2C-&q=85&s=1999ef0a814acd7bfac37fe706331376" alt="Buttons and Inputs theme settings overview in Everest" width="3280" height="2186" data-path="images/theme/everest/theme-settings/buttons-and-inputs-overview.png" />

## What these settings control

* Headings, text content, and on-page messaging
* Layout structure, width, alignment, and spacing
* Calls to action, links, and navigation behavior
* Color schemes, contrast, and shared visual styling

## How to access

<Steps>
  <Step title="Open the Theme Customizer">
    In Shopify admin, go to **Online Store** -> **Themes** -> **Customize**.
  </Step>

  <Step title="Open Theme settings">
    Select **Theme settings** in the customizer sidebar.
  </Step>

  <Step title="Choose Buttons and Inputs">
    Open **Buttons and Inputs** to review and update the shared settings in this category.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/gqMX7EAfLgOIX2C-/images/theme/everest/theme-settings/buttons-and-inputs-location.png?fit=max&auto=format&n=gqMX7EAfLgOIX2C-&q=85&s=d176c89acf905173479a4f464ad5c578" alt="Buttons and Inputs location in the Everest theme settings" width="3280" height="2186" data-path="images/theme/everest/theme-settings/buttons-and-inputs-location.png" />

## Settings

### Settings

<img src="https://mintcdn.com/digifist/gqMX7EAfLgOIX2C-/images/theme/everest/theme-settings/buttons-and-inputs-settings.png?fit=max&auto=format&n=gqMX7EAfLgOIX2C-&q=85&s=f6a4acdbc26d0e2d903b8eb19731dc41" alt="Settings settings in Everest Buttons and Inputs" width="3280" height="2186" data-path="images/theme/everest/theme-settings/buttons-and-inputs-settings.png" />

<AccordionGroup>
  <Accordion title="Font" icon="text-size">
    Controls **font**.

    Keep action labels short so they remain readable across devices.

    **Default:** `figtree_n6`
  </Accordion>

  <Accordion title="Font size scale" icon="text-size">
    Adjust **Font size scale** with a slider-based control.

    Keep action labels short so they remain readable across devices.

    **Range:** `50` to `200`  **Default:** `100%`
  </Accordion>

  <Accordion title="Letter spacing (em)" icon="link">
    Choose how **Letter spacing (em)** behaves in the section.

    Keep action labels short so they remain readable across devices.

    **Available options:** -0.05, -0.025, 0, 0.025, 0.05.

    **Default:** `-0.025em`
  </Accordion>

  <Accordion title="Text transform" icon="text-size">
    Choose how **Text transform** behaves in the section.

    Keep action labels short so they remain readable across devices.

    **Available options:** None, Uppercase, Capitalize.

    **Default:** `none`
  </Accordion>

  <Accordion title="Button shape" icon="link">
    Choose how **Button shape** behaves in the section.

    Keep action labels short so they remain readable across devices.

    **Available options:** Square, Rounded, Diagonal.

    **Default:** `rounded`
  </Accordion>

  <Accordion title="Button radius (rem)" icon="link">
    Adjust **Button radius (rem)** with a slider-based control.

    Keep action labels short so they remain readable across devices.

    **Range:** `0` to `8`  **Default:** `0.8`
  </Accordion>

  <Accordion title="Button border opacity" icon="link">
    Adjust **Button border opacity** with a slider-based control.

    Keep action labels short so they remain readable across devices.

    **Range:** `0` to `100`  **Default:** `100%`
  </Accordion>

  <Accordion title="Icon stroke width" icon="image">
    Choose how **Icon stroke width** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** Light, Medium, Bold.

    **Default:** `1.5`
  </Accordion>

  <Accordion title="Icon corner shape" icon="image">
    Choose how **Icon corner shape** behaves in the section.

    **Available options:** Rounded, Sharp.

    **Default:** `round`

    Only for icons with corner option.
  </Accordion>
</AccordionGroup>

## Best practices

* Keep labels short and scannable, especially in tighter layouts or utility areas.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Change one global setting area at a time and preview multiple templates before publishing.
* Remember that theme settings affect many sections at once, so small adjustments can have wide impact.

## Related guides

* [Everest Theme Overview](/themes/everest/index)