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

# Inputs

Inputs control the look of text fields, dropdowns, and other form elements. Clear, readable inputs make it easier for customers to type, select, and complete checkout steps.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2F0hN5b30ghyn1aJWrwD11%2FCapture%20d'%C3%A9cran%202025-09-01%20210150.png?alt=media&amp;token=f574654c-9f5e-4893-80b7-af2460e13437" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Inputs**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

* **Font type**: Uses your Body or Heading font for input text. Choose for readability and consistency.

#### Border

* **Border style**: Chooses how inputs are framed: Around (full border) or Underlined (single bottom line). Affects clarity and visual weight.
* **Thickness**: Sets how bold the border appears. Thicker borders stand out more; thinner looks lighter.
* **Corner radius**: Rounds the input corners. Squared feels sharp and modern; rounded feels friendly.

***

### **Tips**

* Use Underlined style for minimal designs, Around for clearer boundaries on busy backgrounds.
* Keep Thickness and Corner radius consistent with your button and card styles.