Webflow sync, pageviews & more.
NEW
Answers

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.

Yes, the attribute "data-wf-spring-theme-render" being added to the body tag upon page load in Webflow is related to Webflow's Spring Theme Overrides feature.

The "data-wf-spring-theme-render" attribute is added dynamically by Webflow's JavaScript code to indicate that the site is being rendered with the Spring Theme Overrides enabled. This attribute affects the overall styling of your site by overriding certain default styles defined in your CSS.

Webflow's Spring Theme Overrides feature allows you to customize the appearance of your site during the spring season. When this feature is enabled, Webflow injects additional CSS rules into your site's stylesheet to achieve spring-themed styles, such as animations, effects, or color changes.

The "data-wf-spring-theme-render" attribute is added as a signal to the Webflow Designer and Editor interfaces that your site is currently rendering with the spring theme overrides. This attribute allows Webflow to accurately display and preview the spring styling in the Designer and Editor.

If you don't want the spring theme overrides to apply to your site, you can disable the feature in your site's settings. To do this:

1. Open your project in the Webflow Designer.
2. Go to the Project Settings by clicking on the gear icon in the left sidebar.
3. In the Settings panel, select the "Custom Code" tab.
4. Scroll down to the "Head Code" section.
5. Remove or comment out the following line of code:

```html

```

Note: Replace "VERSION_NUMBER" with the specific version number of the Webflow Spring Theme Overrides. You can find the version number in the added script tag.

By disabling the Spring Theme Overrides, the "data-wf-spring-theme-render" attribute will no longer be added to the body tag, and your site will revert to the default styling provided by your project's CSS.

Rate this answer

Other Webflow Questions