Has anyone experienced a situation where a CSS class is being added to the Body tag upon page load in Webflow, which overrides the default site styling? The attribute being added is 'data-wf-spring-theme-render' with a corresponding value. Thank you.

TL;DR
  • Check external scripts in Project Settings under the Custom Code tab for changes affecting the body tag.
  • Review Webflow settings and integrations to ensure they align with design goals.
  • Inspect for Webflow updates or features that manage themes dynamically.
  • Clear your browser cache to ensure the latest site version is displayed.

If you've noticed a CSS class being added to the Body tag upon page load in Webflow, you're likely seeing a feature or script automatically adding attributes that could override your default site styling.

1. Check for External Scripts

  • Review any custom code added to your project that might be influencing this behavior. 
  • Navigate to Project Settings and check under the Custom Code tab for any scripts that might dynamically manipulate the body tag.

2. Review Webflow Settings

  • Webflow might have specific settings or integrations affecting this. Ensure any Webflow-specific toggles or settings are configured correctly, as these might include changes that affect theming or user experience.

3. Inspect Webflow Updates

  • Look out for Webflow updates or newly released features that might introduce dynamic theme management capabilities, as they could use attributes like data-wf-spring-theme-render.

4. Clear Browser Cache

  • Local caching issues can sometimes cause undesired behavior. Clear your browser's cache to ensure you're seeing the most up-to-date version of your site.

Summary

A CSS class added to the body tag could stem from custom scripts or updates in Webflow features. Check your project settings, code for alters, and Webflow updates. Ensure settings align with your design goals and clear your cache to rule out display issues.

Rate this answer

Other Webflow Questions