Scrolling Block Has White Opaque Background - Need Removed

Hello,

I added a scrolling block to a section on the homepage of my website. On desktop in Chrome, the scrolling looks correct in front of the background image (see screenshot). On mobile in Chrome, the area where the scrolling text appears, there is a white opaque background (see screenshot). I do not want the background behind the scrolling text as it currently shows on mobile. Does anyone know how to fix this?

On maybe a related note, I am using the 'Screen' blend mode (see screenshot). Does this have anything to do with the issue?

URL: https://stingray-toucan-3sex.squarespace.com/
PW: PYogi2024!!

Thank you!

On 8/15/2024 at 3:45 AM, tuanphan said:

Try this to Website Tools > Custom CSS

.fe-block.fe-block-yui_3_17_2_1_1721569630946_79979 {
    mix-blend-mode: unset !important;
}

 

This worked perfectly. Thank you so much!!

Hello!  I am having the same problem with the opaque bar showing up behind scrolling text on mobile and I also used the Screen blend mode on the text.  I used the code provided, but it didn't seem to resolve it.  Any other suggestions or did I do something wrong?

On 9/9/2024 at 1:58 AM, carriekohles said:

Hello!  I am having the same problem with the opaque bar showing up behind scrolling text on mobile and I also used the Screen blend mode on the text.  I used the code provided, but it didn't seem to resolve it.  Any other suggestions or did I do something wrong?

You can share link to page where you use scrolling text, we can check easier