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 Editor: Using the Glass Effect on Boxes

1 min
Add the glass effect to boxes to give them a frosted glass look, providing depth and dimension to your pages. You can also adjust the effect to make it more or less blurry.
Good to know:
Glass effect is currently only available to add to container boxes.

To add a glass effect to a box:

  1. Select the box in your editor.
  2. Click the Design icon .
  3. Click Customize Design.
  4. Select Fill color & opacity .
  5. Enable the Apply glass effect toggle.
  6. (Optional) Use the Blur intensity slider to increase or decrease the blur.
The design panel of a container box. The glass effect has been applied, and the cursor is adjusting the blur.
The design panel of a container box. The glass effect has been applied, and the cursor is adjusting the blur.