Why can't I change the text color of the form field in the "white" version of the Panels template in Webflow?

When you're struggling to change the text color of a form field in the "white" version of the Panels template in Webflow, there might be a few reasons behind it.

​

1. Check the Class Settings

• Select the Form Field: Click on the form field in the Designer to open its settings.
• Inspect the Class: Look for the applied class and ensure it is not inheriting styles from a stylesheet that overrides text color.

​

2. Review Global Styles

• Navigate to the Style Manager: In the Designer, go to Styles Manager and inspect any global styles that might be applied.
• Modify Global Colors: Change the global style to see if it affects the form field text color.

​

3. Inspect Element Hierarchy

• Consider Parent Elements: Check the parent elements of the form field for color settings that may be cascading down. 
• Use the Navigator: Employ the Navigator tool to see if any sections, containers, or parent divs have color styles that override the field settings.

​

4. Check Pseudo-class States

• Inspect Pseudo-classes: Ensure that states like hover, focus, or pressed aren’t changing the text color unexpectedly.
• Change Colors for States: Adjust the colors for all states to ensure you have uniform styling.

​

5. Recheck Template Specific Settings

• Examine Template CSS: Some templates have default CSS that governs certain elements. Open the stylesheet linked with the template.
• Override Template Defaults: Add custom styles to override these settings if they interfere.

​

Summary

Reviewing the form field's class settings and examining global styles often resolves the issue when you can't change the text color. Parent elements and pseudo-class states also affect how colors appear. Adjust these settings to achieve your desired look for the Panel's template form fields.