header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Displaying buttons and arrows on your slideshow
  • Customizing your buttons and arrows

Wix Editor: Displaying Navigation Buttons and Arrows on Your Slideshow

In this article
  • Displaying buttons and arrows on your slideshow
  • Customizing your buttons and arrows
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 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 .
  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.

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.