Wix Harmony Editor: Applying a Glass Effect

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.

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.

FAQs

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

Why can't I see the Apply glass effect toggle?

Make sure you either selected the header or a box on your page. If you select a different element, the glass effect won't be available after clicking the Opacity icon

.