Help Center
  1. Help Center
  2. Studio, Partners & Enterprise
  3. Wix Studio
  4. Using the Wix Studio Editor
  5. Adding effects and animations
  6. Studio Editor: Using Blend Mode

Studio Editor: Using Blend Mode

1 min read
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.
A screenshot of opening the Inspector panel in the Studio Editor.
  1. Click the Blend mode drop-down under Design.
  2. Explore the available modes and select the one that fits your vision. 
A black text element with the Soft Light blend mode applied
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.

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Did this help?

|