Studio Editor: Using Blend Mode | Help Center

Learn how to use Wix to build your site and business.

Design and manage your site using intuitive Wix features.

Manage subscriptions, plans and invoices.

Run your business and connect with members.

Learn to purchase, connect or transfer a domain to your site.

Get tools to grow your business and web presence.

Boost your visibility with SEO and marketing tools.

Get advanced features to help you work more efficiently.

Find solutions, learn about known issues or contact us.

Improve your skills with our courses and tutorials.

Get tips for web design, marketing and more.

Learn to increase organic site traffic from search engines.

Build a custom site using our full-stack platform.

Get matched with a specialist to help you reach your goals.

Home

Studio, Partners & Enterprise

Wix Studio

Using the Wix Studio Editor

Adding effects and animations

Studio Editor: Using Blend Mode

1 min

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:

Select the relevant text or image.
Click the Open Inspector icon at the top right of the editor.

A screenshot of opening the Inspector panel in the Studio Editor.

Click the Blend mode drop-down under Design.
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