> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/labacha-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/labacha-shopify-theme-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.
{% 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**.

#### **1. Arrow style**

<table><thead><tr><th width="336">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Border Width</td><td>Determine the thickness of pagination arrow borders.</td></tr><tr><td>Border Radius</td><td>Round the corners of arrow. The range is from 0% (arrow border is a rectangle), to 50% (arrow border is a circle).</td></tr><tr><td>Width Arrows/ Height Arrows</td><td>Determine the width and height of the arrow border.</td></tr><tr><td>Size Icon Arrows</td><td>Determine the size of the arrow icon inside the border.</td></tr><tr><td>Position Horizontal Arrow - (Unit % or px)</td><td>Fill in the desired positions of arrows horizontally relative to their slider.</td></tr></tbody></table>

<div align="center"><figure><img src="https://content.gitbook.com/content/99MlOzvyJDAhsvR2FLtv/blobs/tcL4SI0v7eRC8ATCrnT9/screenshort-68.jpg" alt=""><figcaption></figcaption></figure></div>