Border styling for contact form fields not applying in the Quadrat theme.

[mauropereiira]

Impacted plugin

None / Other

Quick summary

When setting up borders around contact form fields in the Quadrat theme, the border styles do not appear on the live site. This issue is specific to the Quadrat theme.
Tested both Simple and Atomic and was able to replicate the issue.

User reported this here: 9369670-zd-a8c

Steps to reproduce

1. Activate the Quadrat theme on a WordPress.com site.
2. Create a new page or edit an existing page (e.g., Contact page).
3. Add a Form block to the page.
4. Customize the form fields by adding a border color.
5. Save and preview the page on the live site.

Expected result: The border styles applied to the form fields should be visible on the live site.
Actual result: The border styles do not appear on the live site.

Example 1 (Quadrat Theme Active)

CleanShot.2025-02-06.at.11.55.08.mp4

Example 2 (Twenty Twenty-Five Theme Active)

CleanShot.2025-02-06.at.11.54.16.mp4

Site owner impact

Fewer than 20% of the total website/platform users

Severity

Minor

What other impact(s) does this issue have?

No revenue impact

If a workaround is available, please outline it here.

Instead of applying borders, use the "Field Background" option in the Form block settings to style the form fields.

Platform (Simple and/or Atomic)

Simple, Atomic

[github-actions]

OpenAI suggested the following labels for this issue:

• [Feature Group] Content Management: The issue pertains to managing content in the contact form fields within the Quadrat theme.
• [Feature] Contact Form: The problem directly relates to the styling of contact form fields, making this label applicable.
• [Feature] Custom CSS: Since the issue involves customizing the border styles, Custom CSS is a relevant feature to consider.

[github-actions]

Support References

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

• 9369670-zen