Form Block Multiple Choice Checkbox - Checkbox (Option Text) Color Not Reflected on Live Site

[cat-og]

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

[cat-og]

8779206-zd-a8c

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 8779206-zen