Webflow sync, pageviews & more.
NEW

How can I remove or call third-party CSS on my Webflow website’s source code that I didn't add myself?

TL;DR
  • Inspect the page source and DevTools to find external CSS links or imports.
  • Review all embed elements, site-wide custom code, and active integrations for injected styles.
  • Check cloned components and Webflow font settings to eliminate unnecessary or hidden third-party CSS.

If your Webflow site is loading third-party CSS you didn’t add, it may have been introduced via integrations or embed code. Here’s how to identify and remove it.

1. Inspect the Live Page’s Source Code

  • Right-click on your published site and choose View Page Source or use DevTools (F12) in your browser.
  • Look for <link> or @import statements pointing to external stylesheets (e.g., from other domains like fonts or plugin providers).
  • Note the URLs or library names being loaded.

2. Check Webflow’s Embed Elements

  • Go through all pages and check for Embed components inside sections, symbols, or the page body.
  • Look for any <link rel="stylesheet">, @import, or <style> that includes third-party code.
  • Remove or comment out anything unfamiliar or not intentionally added.

3. Audit Site-Wide Code Injection

  • Go to Project Settings > Custom Code.
  • Check both the Header and Footer code fields for external CSS links or script-generated styles.
  • Look for external calls like <link href="https://some-external-site.com/style.css" rel="stylesheet"> and remove anything unnecessary.

4. Review Third-Party Integrations

  • Check for active integrations in Project Settings > Integrations.
  • Services like Google Optimize, HubSpot, or chat widgets can sometimes inject extra styles.
  • Disable or adjust them if they’re the CSS source.

5. Inspect Custom Code in Components

  • If you’ve cloned components from Webflow’s showcase or third-party libraries, they may include extra styles.
  • Open the relevant layout symbols or template sections and inspect for embeds or extra classes that trigger remote CSS.

6. Clear Webflow’s Autogenerated Code

  • Webflow itself does not automatically add third-party CSS unless it's a Webflow-native component (e.g., Webflow’s CMS styles or fonts).
  • However, Google Fonts are added automatically when used from the font menu. You can reduce unused fonts by:
  • Go to Project Settings > Fonts and uncheck unused fonts.
  • In the Designer, remove unused fonts from the Typography panel.

Summary

Unwanted third-party CSS on a Webflow site usually comes from Embeds, Custom Code, Font settings, or Integrations. Use DevTools and Webflow's Custom Code areas to locate and remove these CSS calls. Always double-check cloned components and third-party widgets for hidden injections.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What is the error message I'm receiving when visiting my Webflow domain?
What is the difference between the account plan and the site plan in Webflow? Which plan would you recommend for creating a simple website with multiple sections, like a portfolio site, that is not business-oriented? Please help!
Is it possible to create a separate mobile version of my website in Webflow, with a different site structure, code, and images specifically for mobile devices?
How can I achieve the image distortion mouse hover effect in Webflow, similar to what I saw on a showcased website?
How can I resolve the redirect error in Webflow so that my site can be properly indexed?
What could be causing the issue where Safari shows an outline around linked sections on my Webflow site?
How can I make a slider element in Webflow scale according to the elements within it, rather than being cut off on smaller screen sizes?
How can I create a Webflow button with a white stroke that fills left to right with color upon hover using timed actions or transition easing?
Is the issue of collection items appearing and disappearing during filtering with finsweets CMS Load a bug or a misconfiguration in Webflow?
How can I easily pull custom parameters from a page URL and replace them with placeholders in Webflow?
How can I resolve the issue of a dropdown in a Webflow collection list opening under the CMS item below it, even after adjusting z-index and position?
How can I send form data and submissions from Webflow to a new row in a Google Sheets spreadsheet document securely and for free?
How can I redirect users back to my website after completing a payment on Shopify using the Shopify Buy button integrated on my Webflow CMS collection, and is it possible to pass parameters to Shopify to track which user (Memberstack) has made a payment?
How can I resolve various performance issues, such as eliminating render-blocking resources, deferring unused CSS, ensuring text remains visible during webfont load, minimizing main-thread work, serving static assets with an efficient cache policy, reducing JavaScript execution time, avoiding an excessive DOM size, and minimizing Critical Requests Depth in my Webflow site?
Why is a thick gray line being added to some images in Webflow, even though there is no sign of it in the designer?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?