Background color of required fields

Hi @flohaase!

The issue you’re experiencing with weForms where the background color of required fields inside a table not changing to red like the fields outside of a table could be due to CSS conflicts or limitations.

Here are a few troubleshooting suggestions:

1. Inspect CSS: Use your browser’s developer tools (usually accessible by right-clicking on the page and selecting “Inspect” or “Inspect Element”) to inspect the CSS of both the required fields inside and outside the table. There might be some CSS rules that are specifically targeting only the fields outside the table.
2. Add Custom CSS: You could add a custom CSS rule to target the required fields inside the table. For example:

table .required-field {
    background-color: red !important;
}

You would replace “.required-field” with the actual class or ID of the required fields. The “!important” rule ensures that this style will override any other conflicting styles.

3. Check for Plugin Conflicts: Deactivate other plugins to see if there is a conflict that is causing the issue. If the issue resolves, reactivate the plugins one by one to find the culprit.
4. Update Plugin and Theme: Ensure you are using the latest versions of the weForms plugin and your theme. Sometimes, updating can resolve compatibility or styling issues.

Remember to backup your site before making any changes. If you need more assistance, feel free to ask!

Best, BoldGrid Support Team

Hallo,

I can permanently change the background color of all fields (red) and the background color of the inner table (green). But I can’t find a solution so that the external background color also changes in the event of an error.

Hi @flohaase

To achieve this functionality, you would typically need to add some custom CSS code to your WordPress theme that changes the background color depending on whether the form validation has failed or succeeded. However, since weForms does not add a specific CSS class or id to the form when validation fails, it might be slightly challenging to do this.

It would involve some advanced customization of the weForms codebase, possibly to include a specific CSS class or id when validation fails. This is something that would need to be done by a skilled developer and is beyond the usual scope of support we can provide.

However, we greatly appreciate your feedback and I will pass it along to our product development team for their consideration in future updates. If you need any further assistance or have any other questions, please feel free to let us know.

Thanks you!

Hello,

We haven’t heard from you in a while, so we’re assuming you’ve got everything resolved. We’re closing the ticket but please don’t hesitate to reach back out if you still have questions for us.

Thank you!