New Colour Picker in Beta3 Doesn't Work

Beta
#1

Hi @alexander

Just wanted to drop this here.

When using the new colour picker feature that allows opacity to be adjusted whilst keeping the global colour selected, it changes the colour when the global colour is changed, but it doesn’t actually respect the opacity on the site when viewing it.

Thanks, Tom.

#2

Hi Tom,

Let me know if this is fixed in Beta4. I know we’ve made some adjustments there recently and the last time I was using it it was working ok. We also fixed an issue where it wasn’t working at all with unlinked borders. If you’re still seeing it after beta4, let me know what the specific use case is and I can take a closer look. Thanks!

#3

Hey @alexander

No luck on this Beta4 sorry.

Setting up a colour in the Colour Manager.
Picking said colour as the background on a column.
Adjusting the transparency of the colour so the ring changes from blue to orange.

When visiting the website the colour hasn’t respected the transparency chance and is just the standard colour.

Note - the column is just an example, this is happening for me on all elements.

Thanks, Tom.

#4

Hi @tomr96

I’m testing locally with WP 5.9.2 and Pro 5.2.0-B4 and the colors seem to work.

Have created 3 Global Colors:

color1 : rgba(255, 255, 0, 0.75)
color2 : rgba(255, 0, 0, 0.75)
color3 : rgb(0, 0, 255)

Then created a section with 3 columns and set the background of each as follows:

column1 : color1 adjusted with orange circle to rgba(255, 255, 0, 0.85)
column2 : color2 adjusted with orange circle to rgba(255, 0, 0, 0.85)
column3 : color3 adjusted with orange circle to rgba(0, 0, 255, 0.5)

All these display as expected when viewing on the frontend with .x-col (column) background-color: property correctly set to the adjusted color values.

Are you seeing any JS or PHP errors?

#5

Thanks for the heads up @tomr96. Would it be possible to login and check the issue? I’m unfortunately not able to reproduce it either. Or please do let me know if you’re getting errors in the browser console. There could be something specific going on I’m just not seeing.

Thanks @strobley for chiming in with additional context and some advice as well!

#6

Hi @alexander

I’ve dropped the details into the secure note.

Can also be used to troubleshoot the Critical Website Error logged here also: Critical Website Error

Tested with a new colour, in case it was an issue due to the colours being created on 5.1.5, but no, not that.

Thanks, Tom.

#7

Hi Tom,

I see now! Looks like you manually entered some hex codes in your global colors. It only works if you have an RGB color stored in there, since it just appends the alpha value. I see how that can be confusing since the live preview is able to sort it out. The PHP side doesn’t have color conversion. We’ll have to either write something to support that, or in the builders disable it unless RGB is used.

#8

Following on from this, Most of my clients provide hex codes rather than RGB. if there was a form of RGB conversion in the backend, that would make this feature much more accessible, and probably prevent many support calls being logged

#9

Ahhh thanks Alexander, makes sense.

Maybe pop a little “?” Tooltip in the Colour section to mention that.

I’ll change all the colours to RGB.

Thanks, Tom.

#10

@scotbaston thanks for the +1 here! Definitely

@tomr96 sounds good on switching to RGB! I’d like to start with trying to get hex converting so it can just be consistent.

1 Like