# 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](/ira/theme-styles/theme-settings.md)\
> [Preset styles](/ira/theme-styles/style-presets.md)\
> [Fonts](/ira/theme-styles/fonts.md)\
> [Animation](/ira/theme-styles/animation.md)


---

# 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.fluorescent.co/ira/theme-styles/layout.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.