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
  • Changing your slideshow background
  • Customizing the design options of your slideshow

Wix Editor: Customizing the Design of Your Slideshow

In this article
  • Changing your slideshow background
  • Customizing the design options of your slideshow
Customize your slideshow so that it looks exactly how you want. You can select a different background for each slide and adjust specific features of the slides such as the border and corners.

Changing your slideshow background

Change the background of your slides by adding an image, video, color or gradient.
Each slide can have a different background, so you can use each one to display different media or color themes, depending on your needs.
A screenshot of a box slideshow alongside the change background panel

To change the background of your slideshow:

  1. Click the slideshow in the editor.
  2. Click the arrows next to the slide number to navigate to the relevant slide.
  3. Click Change Slide Background.
  4. Choose the type of background you want to add:
    • Image or Video:
      1. Click Image or Video.
      2. Select a file from the Media Manager or click Upload Media.
      3. Click Change Background.
    • Color or Gradient:
      1. Click Color.
      2. Select from one of the following options:
        • Color: Select a color from the Color Picker and use the settings to adjust its opacity.
        • Gradient Apply a cool effect to your slideshow background with a Linear, Radial, or Conic gradient. 
        • Fluid gradient Make your slideshows stand out with a sophisticated fluid gradient. 

Customizing the design options of your slideshow

Design your slideshow to promote your brand and aesthetic. You can customize settings such as the fill color, as well as add shadows and borders to give your slideshows depth. 
A screenshot of a box slideshow alongside the design panel, adjusting the border opacity

To customize the design of your slideshow:

  1. Click the slideshow in your editor.
  2. Click the Design icon .
  3. (Optional) Select a preset design from the top of the panel.
  4. Customize the preset design using the options:
    • Fill Color & Opacity: Choose a color and set the opacity of your navigation arrows and buttons to match your site's theme.
    • Borders: Choose a color and adjust the opacity and width of your border to make the slideshow stand out on your page.
    • Corners: Adjust the radius of the corners to make the border more circular.
    • Shadow: Create and customize a shadow to add depth to your slideshow. You can adjust settings such as the angle and distance to have it look exactly as you want.
Notes:
  • The design options available depend on the preset you choose.
  • Only the Fill Color & Opacity options are available for full-width slideshows.

Helpmate

Hello

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