# Layout

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-ira/blob/main/theme-styles/readme/theme-retirement.md).
{% endhint %}

In the **Layout** theme settings panel, you can change the presentation of some global Ira layout styles. You can show or hide a **border line** between each section of a page and change the **corner radius** of images and bordered layout elements.

## **Corner radius**

Display images and elements in sections with more rounded or rectangular corners. Increase or decrease the corner radius in pixels, from `0px` to `16px`

## **Border**

Display a border above non-full-height sections.

You can change the border colors in the Color section of the theme settings.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your theme editor \*\*\*\*(**Customize**):

1. Click the **Theme settings** icon in the side panel.
2. Click the **Layout** tab.
3. Check the **Show border between sections** checkbox to show a visible border line between sections on a page.
4. Use the **Corner radius** slider to increase or decrease the roundness of corners for section images.

   > The range starts at **`0px`** and ends at **`16px`**, where **`0`** means there is no corner radius and the elements appear completely squared.
5. Click **Save**.

</details>

> **Related links**\
> [Theme settings](https://help.fluorescent.co/ira/theme-styles/theme-settings)\
> [Preset styles](https://help.fluorescent.co/ira/theme-styles/style-presets)\
> [Fonts](https://help.fluorescent.co/ira/theme-styles/fonts)\
> [Animation](https://help.fluorescent.co/ira/theme-styles/animation)