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

# Slider arrows

{% hint style="info" %}
Slideshow, Image Banner, Product Block, Product Recommendations and Recently Viewed Product Sections will have separate settings for navigation arrow positions.&#x20;
{% endhint %}

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme settings -> General -> Slider arrows**.

| Setting                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ---------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Style                              | <p>Select the style of the slider navigation arrows. </p><ul><li><mark style="color:orange;"><strong>Style 1:</strong></mark> Thin caret with large angle.</li><li><mark style="color:orange;"><strong>Style 2:</strong></mark> Arrows have longer tails. </li><li><mark style="color:orange;"><strong>Style 3:</strong></mark> Thick caret with small angle.</li><li><mark style="color:orange;"><strong>Style 4</strong></mark></li><li><mark style="color:orange;"><strong>Style 5</strong></mark></li><li><mark style="color:orange;"><strong>Style 6</strong></mark></li><li><mark style="color:orange;"><strong>Style 7</strong></mark></li><li><mark style="color:orange;"><strong>Style 8</strong></mark></li></ul> |
| Show arrow buttons when disabled   | Show the arrows even when the slider has reached its end of items length.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| Width                              | Determines the width of the slider navigation arrows.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| Height                             | Determines the width of the slider navigation arrows.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| Border width                       | Determine the thickness of the borders of the slider navigation arrows.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| Corner radius                      | Set the radius of the slider navigation arrows' corners. Can be from 0% to 50%, increasing arithmetically of 1%.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| Icon size                          | Determine the size of the arrow icon inside the border.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| Horizontal position (unit % or px) | Positions of the slider navigation arrows horizontally relative to their slider.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://halosoft.gitbook.io/ella-documentation/theme-settings/general/slider-arrows.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
