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 for interactions that target the Body tag using the Interactions panel.
- Review custom code for scripts that modify the Body or include
data-wf-spring-theme-render. - Use developer tools to inspect published code for unwanted styles.
- Disable or remove customizations from interactions or custom code to retain default site styling.
Experiencing a CSS class being added to the Body tag upon page load can indeed override your default site styling. In Webflow, this can occur due to specific project settings or interactions.
1. Check for Interactions
- Go to the Interactions panel and review any page load interactions.
- Ensure no interaction targets the Body tag with styles you don't want.
2. Review Custom Code
- Inspect any custom code under the Project Settings or within individual page settings.
- Look for scripts that modify the body tag or elements that might include
data-wf-spring-theme-render.
3. Analyze Published Code
- Preview your site in the browser and use developer tools to check the body tag.
- Identify any scripts or styles related to
data-wf-spring-theme-render.
4. Disable Unwanted Customizations
- If possible, remove or disable the customizations identified in the custom code or interactions.
Summary
To resolve the CSS class on the Body tag issue in Webflow, examine interactions and custom code for unintended styles. Deactivate or adjust these settings to maintain your desired site styling.
