Slider Arrows

Slideshow, Image Banner, Product Block, Product Recommendations and Recently Viewed Product Sections will have separate settings for navigation arrow positions.

  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

Setting
Description

Border Width

Determine the thickness of pagination arrow borders.

Border Radius

Round the corners of arrow. The range is from 0% (arrow border is a rectangle), to 50% (arrow border is a circle).

Width Arrows/ Height Arrows

Determine the width and height of the arrow border.

Size Icon Arrows

Determine the size of the arrow icon inside the border.

Position Horizontal Arrow - (Unit % or px)

Fill in the desired positions of arrows horizontally relative to their slider.

PreviousSlider DotsNextPagination