top of page

Wix Editor: Displaying Navigation Buttons and Arrows on Your Slideshow

Oct 25
1 min read

Updated: 7 days ago

Add navigation tools to your slideshow to let your visitors click through the slides manually. You can add:


  • Slide buttons: These are circular icons that your site visitors can click to move between your slides. When your site visitors click a slide button, the relevant slide is displayed.

  • Navigation arrows: These are arrows that are displayed either side of your slideshow, and allow your visitors to click through the slides at their own pace.


A slideshow on a live site. The navigation arrows and slide buttons are highlighted by orange boxes.


Displaying buttons and arrows on your slideshow


From Layouts, you can choose to show or hide the slide buttons and navigation arrows on your slideshow.


To display buttons or arrows on your slideshow:


  1. Click your slideshow in the editor.

  2. Click the Layout icon

    Wix Editor: Displaying Navigation Buttons and Arrows on Your Slideshow

    and choose what you want to display:

    • Show navigation arrows: Enable the toggle to display the arrows.

      • Drag the sliders to customize the size and offset.

    • Show slide buttons: Enable the toggle to display the buttons.

      • Drag the sliders to customize the size, offset and spacing.


Screenshot showing the layout panel. The navigation arrows and buttons have been enabled.


Customizing your buttons and arrows


Customize your slide buttons and navigation arrows to look exactly as you want, by selecting a color and adjusting the opacity.


To customize the slide buttons and arrows:


  1. Click your slideshow in the editor.

  2. Click the Design icon

    Wix Editor: Displaying Navigation Buttons and Arrows on Your Slideshow

    .

  3. Click the Fill Color & Opacity tab.

  4. Customize the design of the buttons or arrows:

    • Slide Buttons: Select a color and set the transparency of the buttons.

    • Navigation Arrows: Select a color and set the transparency of the arrows.


Screenshot showing the design panel. The cursor is hovering over the opacity slider.


This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!

Comments


lord_of_the_wix

© 2027 BY LORD OF THE WIX

©
bottom of page