# Borders

Border styling helps define your brand’s visual tone. Choose between rounded edges for a friendly, approachable look or sharp corners for a modern, bold aesthetic.

### FAQs

<details>

<summary>Where can I adjust my border settings?</summary>

1. **Navigate to Theme settings > Borders** – Open your theme by clicking **Customize**.
2. Click the **gear icon** (⚙️) in the top-left corner to open **Theme Settings**.
3. Scroll down and select **Borders**.
4. Modify your border settings (style, width, color, etc.) as needed.
5. Click **Save** to apply your changes.

<figure><img src="/files/bl1TYgAKm007zxR3Xxju" alt=""><figcaption></figcaption></figure>

</details>

### Border settings

| Setting        | Description                                                                                                                         |
| -------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| Button radius  | Controls the corner rounding for buttons. Lower values create sharper corners while higher values make buttons more rounded.        |
| Input radius   | Sets the corner rounding for form fields. A value of 5px is recommended for a friendly but clean look.                              |
| Element radius | Controls corner rounding for content sections. Set to 0px for sharp edges that create a more modern layout.                         |
| Button width   | Determines the thickness of button borders. Standard is 1px, but can be increased for emphasis or set to 0px for a borderless look. |
| Input width    | Sets the thickness of borders around form fields. A value of 1px is recommended for clean form fields.                              |
| Element width  | Controls the thickness of borders around content sections. Standard is 1px for subtle framing.                                      |

### Helpful tips

* Use consistent radius values (e.g., all 5px) for a harmonious look
* Combine sharp elements (0px) with some rounded components for visual interest
* Thicker borders (2px+) work well for high-contrast designs
* Borderless (0px width) creates a minimalist aesthetic


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/keystone/getting-started/theme-settings/borders.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.