header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
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
  1. Home
  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
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. 
The blend mode drop-down of an image is being clicked in the inspector panel. It currently has the 'Multiply' mode.
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

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Unlock personalized helpLog in to get the most out of Helpmate.