> 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/media.md).

# Media

Media controls the borders and corner shape of images and videos. Clean edges make visuals feel polished and help them fit your brand style.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2FoW6zOijGD5wxd43uEO8J%2FCapture%20d'%C3%A9cran%202025-09-01%20214107.png?alt=media&amp;token=3c51746a-08cb-4c69-8b97-56407419d1fb" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

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

### Settings

#### Border

* **Thickness**: Sets how bold the media border appears. Thicker borders create stronger framing; thinner looks minimal.
* **Corner radius**: Rounds the corners of media. Higher values feel softer and friendly; zero is sharp and modern.

***

### **Tips**

* Match corner radius with your buttons and cards for a cohesive look.
* Use thin borders for clean designs; increase thickness only when you need stronger emphasis.
* Preview on mobile to ensure borders do not crowd small images.
