Skip to main content

Sliders

Sliders​

Since v1.0.0

The Sliders settings style the previous and next arrows and the pagination dots of the sliders and carousels in your store, such as the slideshow, product carousels and testimonials. Setting them once here keeps every slider consistent. You'll find them under Theme settings > Sliders in the theme editor. To open theme settings, click the gear (settings) icon in the left sidebar of the theme editor.

Settings​

Arrows​

  • Arrow style: The shape of the arrow icon (options: Default, Minimal, Arrow).
  • Corner radius: How rounded the arrow button is (0 to 30 px). 0 gives a square button and 30 gives a circle.
  • Background: The background color of the arrow button. Lower the opacity in the color picker for a see-through button.
  • Background blur: Blur what is behind the arrow button (0 to 20 px). The blur only shows when the background color is partly transparent.
  • Icon color: The color of the arrow icon. Leave it empty to use the theme's default color.

Pagination dots​

  • Dot background color: A background shown behind the row of dots, which helps them stand out on images. Leave it empty for no background.
  • Dot background blur: Blur what is behind the dots background (0 to 20 px).
  • Active dot color: The color of the dot for the current slide. Leave it empty to use the theme's default color.
  • Inactive dot color: The color of the other dots.
note

Some sections, such as the product gallery, have a Custom arrows or similar setting of their own. When you turn it on there, that section uses its own arrow colors instead of the ones on this page.