[Resolved] Invalid property value: border-color: global-color-9;

[DEVCON Solutions]

Hi,

we are running the latest version and a GeneratePress theme.

For an input box (JetPack subscribe) we get the CSS error:

Invalid property value: border-color: global-color-9;
Top right box for E-Mail Abo

Thanks for the support,
Thomas

[Ying]

Hi there,

The color code isn’t correct, try var(--global-color-9) instead.

[DEVCON Solutions]

Thanks, I am selecting it directly in the editor. For the background color it works, but not for the border.

[Ying]

That’s weird, if the color code works in other fields, it should work for border-color as well.

Can you provide an admin login using the private info field so we can take a look at the backend?

And please let us know how to replicate the issue.

[DEVCON Solutions]

Sure, find attached:

[Ying]

How did you set the border color?

I can not get the color picker to show. Let me know!

[DEVCON Solutions]

Sure, find the screencast attached.

[Ying]

Thanks for the video, very helpful!

The issue is that when the plugin adds the CSS for border-color, it uses the incorrect color format, while it uses the correct color code for the background.

Please reach out to the plugin’s support for this issue, as GP has no control over how the plugin generates CSS.

In the meantime, you can use this CSS before they get back to you:

.jetpack_subscription_widget input#subscribe-field-2 {
    border-color: var(--global-color-8);
}

[DEVCON Solutions]

Awesome, thanks a lot. Made my day.

[Ying]

Glad to hear that 🙂

[Author]

Posts