Pro 5.0.8 Bug? - Text - Color Dodge reverting to not active

[sam_futr]

Hi Team - fyi @alexander

Colour dodge utilised across a website and active prior to update to 5.0.8 - was a 4.0.x version.

Now all the text colour dodge has reverted back to the base color:

Have tried creating new rows, with no success…

Will add login details.

Thanks
Sam

[tristup]

Hi Sam,

I have checked it in my local environment and found the Color Dodge option is working with the Text element. I would request you please copy your live site to a staging server and update Pro its latest version and check if it that resolves.
If that does not help, please provide your staging server credentials for further investigation.

Thanks

[sam_futr]

Hi @tristup

Staging site created:

Home • P4B Solar

Have updated Pro and issue still occurring.

Will add login details.

Thanks
Sam

[christian]

Hey Sam,

The Color Dodge actually works. It is the setup that is incorrect. The background should be added in the Column because it’s the parent of the Text with Color Dodge effect. The background option then will add a layer of HTML within the Column so this layer becomes the sibling of the Text. Mix Blend Mode will blend with its background and its siblings.

I understand it’s not optimum for the column to have the background for your current setup but you need to set it up that way because ofo how Mix Blend Mode works. Maybe the row and column must span the whole height of section so the section and row must not have padding.

The correct setup is shown below.

1. Use Advanced Background
2. In Background Layers > Lower, choose the Custom Type
3. Add in your custom HTML background. I’ll provide a sample HTML below but note that it would be your responsibility to understand the HTML and edit it.

<div style="background: linear-gradient(
45deg, rgb(0 255 131) 20%, rgb(0 0 0) 80%);
    width: 100%;
    height: 100%;"></div>

Hope that helps.

[sam_futr]

Hey @christian

To me this makes little sense - Color Dodge was working perfectly fine on a previous iteration of Pro, and now it’s not working in a newer version.

This means the newer version of Pro has been changed for some reason? Please see the below live site for the current usage of Color Dodge in a previous iteration of Pro with no issue:

Home • P4B Solar

Why would the background need to be added into the Column? If the Column is set to “transparent” then the Text should be reacting to the next available layer, which is the row or section. This is what is occurring in the live website above, and it’s working totally fine.

@alexander - please feel free to chime in here.

Thanks
Sam

[christian]

Hey Sam,

@futrdigital

To me this makes little sense - Color Dodge was working perfectly fine on a previous iteration of Pro, and now it’s not working in a newer version.

Yes, I understand that the previous version seems logical in terms of user experience so this might be a bug as I’ve read the documentation of Mix Blend Mode further and it should stack.

Something probably did change but I have not seen the difference in the code yet so I’ll forward this to our issue tracker so this will be queued for investigation by our development team including Alex.

Please keep the staging site up and don’t update the live site yet so our development team could investigate.

Thanks.

[sam_futr]

Thanks @christian - I’ll be sure to leave the staging site up.

Let me know if you need access to the live site as well to review.

Thanks
Sam

[ruenel]

You are most welcome, Sam!