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.
placeholder-preview-image

Wix Editor: Applying Gallery Hover Effects

Bring your site to life and encourage site visitors to interact with your galleries by applying hover effects. 

Add colorful overlays, change the color of the navigation arrows, and adjust an image's shape to really grab a visitor's attention when they roll over an image.
Note:
Currently, hover affects are only available for Grid galleries and specific preset designs of Slider galleries. If you have a different gallery but want to add hover effects, you can switch to one of these designs in a single click.
series of 3 gallerys displaying different color effects when the mouse hovers over.

To apply hover effects on your gallery:

  1. Click the gallery in your editor.
  2. Click the Design icon .
  3. Click Customize Design.
  4. Click Hover.
  5. Customize the following options:
    • Rollover: Choose a color to lay over your images and adjust its transparency.
    • Navigation arrows: Choose a color for your navigation arrows and adjust their transparency.
    • Corners: Change the shape of your images by rounding the corners.
Note:
The customization options depend on the gallery design you choose.
screenshot of gallery design panel in wix editor.
Want to remove a hover effect?
To remove a hover effect from your gallery, simply drag the rollover sliders to 0 percent and switch the corner radii back to 0 pixels.

Helpmate

Hello

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