How can I remove or call third-party CSS on my Webflow website’s source code that I didn't add myself?
TL;DR
- Check page and project Custom Code sections in Webflow for injected CSS.
- Inspect all embed elements and Symbols for included external styles.
- Review integrations like chat tools or analytics that may load their own CSS.
- Use browser Developer Tools to trace the source of unknown CSS files.
- Identify and remove third-party scripts or override their styles with custom CSS.
If you're seeing third-party CSS in your Webflow website’s source code that you didn’t add yourself, it’s likely coming from integrations, embeds, or added scripts. Here’s how to locate and remove or manage those styles.
1. Check the Page & Project Settings for Custom Code
- Go to Webflow Designer → click the Pages panel → select a specific page.
- Click the gear icon near the page name to open Page Settings.
- Scroll to the “Custom Code” section and check for any injected
<link>or<style>content. - Also check Project Settings → Custom Code (before
</head>or</body>tags) for globally applied code.
2. Inspect Site-Wide Embed Elements
- In Webflow Designer, look for Embed components added to pages or inside Symbols (e.g., headers, footers).
- These can load external CSS or include custom styles directly.
- Remove or modify the embed content if it's calling undesired third-party CSS.
3. Review Installed Integrations
- In Project Settings → Integrations, check for any enabled tools (like Google Tag Manager, Disqus, third-party chat tools).
- Some of these load their own CSS via script tags or dynamic injections.
4. Use Browser Developer Tools to Trace the Source
- Open your published site in a browser and use Developer Tools (usually right-click → Inspect).
- Go to the “Sources” or “Network” tab and locate the name of the unknown CSS file or domain.
- Use the file path or domain name to trace back to what is injecting or calling that CSS.
- Once identified, return to Webflow or your integration settings to remove or update it.
5. Check for External Scripts Adding CSS Dynamically
- Some scripts (e.g., tracking or marketing tools) inject CSS at runtime.
- If the CSS isn’t in your source code but appears on the live site, a script is likely adding it dynamically.
- Disable or remove the relevant script in your Project’s Custom Code or Integrations section.
6. Remove Third-Party CSS
- Once you've located the source:
- Delete the script or embed tag calling the CSS.
- Or, if you need to keep the script, add custom CSS in your project to override unwanted styles with
!important.
Summary
To remove unknown third-party CSS on your Webflow site, check your page and project custom code, embed elements, and integrations. Use browser tools to trace the origin and then remove or override those styles directly in Webflow.