Automattic / Automattic/jetpack
Form Block Multiple Choice Checkbox - Checkbox (Option Text) Color Not Reflected on Live Site
- Dominant language
- PHP
- Stars
- 1.8k
- Forks
- 898
- Avg merge
- 1d 18h
- Merged PRs (30d)
- 774
Description
### Impacted plugin
Jetpack
### Quick summary
The checkboxes in the Multiple Choice (Checkbox) blocks in the Form block have the option to set a custom 'Option Text' color to update the color of the checkbox. This works while editing, but the live site still has the default colors.
Similar to this closed issue: https://github.com/Automattic/jetpack/issues/31397
### Steps to reproduce
1. Add Form with multiple choice (checkbox) options.
2. With the Multiple Choice (Checkbox) block selected, update the Option Text color in the Styles tab
3. Save changes. The color will apply in the Editor and page view, but will remain the default color on the live site.

### A clear and concise description of what you expected to happen.
I expect to be able to set the color for the checkbox, and that the color I set will be reflected on the live site.
### What actually happened
The preview in the backend works, but the checkbox on the live site remains the default color.
Editor View:

Live Site:

### Impact
Some (< 50%)
### Available workarounds?
Yes, easy to implement
### If the above answer is "Yes...", outline the workaround.
The following CSS can be updated with a different color/hex code and applied to the site:
/*Update Checkbox Color in Multiple Choice Form */
.contact-form .grunion-field-wrap input.checkbox-multiple {
color: #FFFFFF;
}
### Platform (Simple and/or Atomic)
Simple, Atomic
### Logs or notes
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.