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
  • Applying a glass effect
  • FAQs

Wix Harmony Editor: Applying a Glass Effect

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?
Unlock personalized helpLog in to get the most out of Helpmate.