header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Pro Gallery: Adding a Shadow to Your Gallery Items

4 min
In this article
  • Enabling and customizing shadows
  • Applicable layouts
Add depth to your gallery and make your images pop by applying and customizing shadows. The shadow is visible behind your gallery at all times.
A screenshot of a gallery with shadows on a live site.
Note:
You can only enable the shadow feature in certain layouts, and when specific gallery settings are applied. Read on to learn more about the applicable layouts and required settings.

Enabling and customizing shadows

First, enable the shadow feature for your Pro Gallery. Then customize the shadow's color, direction, blurriness and size to make it your own.
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click the pro gallery element on your page.
  3. Click Settings.
  4. Click the Design tab.
  5. Click Item Style.
  6. Enable the Shadow toggle.
  7. Customize the shadow using the following options:
    • Shadow opacity & color: Click the color box to change the shadow's color and drag the slider to adjust the color's intensity.
    • Blur: Drag the slider to set the shadow's blurriness.
    • Shadow direction: Drag the slider to position your shadow exactly as you want.
    • Shadow size: Drag the slider to increase or decrease your shadow's size.
A screenshot highlighting the Shadow option.

Applicable layouts

To apply shadows to a gallery with one of the following layouts, certain settings must already be in place. Click a layout below to learn more:
Note:
The shadow feature is not available in the Thumbnails, Slider, Slide show, and Column layouts.