Slider Arrows

circle-info

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.

Last updated