Studio Editor: Using Blend Mode

Set a blend mode for images and text to blend them in an interesting way with the layer(s) underneath. Choose a blend mode from our collection to easily create visuals that add depth to your design, without a single line of code.

To apply blend mode:

1. Select the relevant text or image.

2. Click the Open Inspector icon

   

   at the top right of the editor.

1. Click the Blend mode drop-down under Design.

2. Explore the available modes and select the one that fits your vision.

Applying blend mode to a child element?

When the element's parent is animated, or set to pinned or sticky, the effect might not appear properly on your client's live site. If you're experiencing the issue, try removing the parent element's animation or position type.