header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
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
  • Applying a glass effect
  • FAQs

Wix Harmony Editor: Applying a Glass Effect

2 min
In this article
  • Applying a glass effect
  • FAQs
This article refers to the new Wix Harmony Editor, released in January 2026. If you're unsure whether you’re using the Wix Harmony Editor or the Wix Editor, view more information here.
Apply a frosted glass effect to boxes and headers for a sleek, layered look that helps important content stand out from the background. You can also adjust the intensity to get the style that works best for your design.
Good to know:
Glass effect is currently only available to add to headers and boxes. Learn about customizing your site's header and adding and customizing boxes.
example of multiple containers with the glass effect applied, placed over images to show text more clearly

Applying a glass effect

Enable the glass effect from the action bar, then adjust the intensity to get the look you want.

To apply a glass effect:

  1. Go to your editor.
  2. Click the relevant box or header.
  3. Click the Opacity icon  on the action bar.
  4. Enable the Apply glass effect toggle.
  5. Drag the Intensity slider to make the effect stronger or softer.
    Tip: Enter a value in the % box if you want to set an exact intensity.
Wix Harmony Editor screenshot with the Apply glass effect toggle enables and the intensity slider set to 15%

FAQs

Click a question below to learn more about using the glass effect in Wix Harmony.

Helpmate

Hello

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