# Blend mode not working

**URL:** <https://forum.readymag.com/t/blend-mode-not-working/2278>\
**Category:** Custom code\
**Created:** [December 12, 2023, 7:12pm UTC](https://forum.readymag.com/t/blend-mode-not-working/2278 "2023-12-12T19:12:22Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![coralineab](https://avatars.discourse-cdn.com/v4/letter/c/edb3f5/32.png) [@coralineab](https://forum.readymag.com/u/coralineab)\
**Post date:** [December 12, 2023, 7:12pm UTC](https://forum.readymag.com/t/blend-mode-not-working/2278/1 "2023-12-12T19:12:22Z")

</div>

Hey !  
I used the following code :

```auto
[data-id=“widgetid”] {
mix-blend-mode: difference;
}

```

on multiple items in my website. For example, it is working perfectly on my navigation bar, but not on a random text, and only in the mobile version. The text isn’t animated or anything.

Have a nice day