Archived topic
Invalid property value: border-color: global-color-9;
9 replies · Started by DEVCON Solutions on April 4, 2023
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
Hi there,
The color code isn't correct, try var(--global-color-9) instead.
Thanks, I am selecting it directly in the editor. For the background color it works, but not for the border.
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.
Sure, find attached:
How did you set the border color?
I can not get the color picker to show. Let me know!
Sure, find the screencast attached.
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);
}
Awesome, thanks a lot. Made my day.
Glad to hear that :)