Shared Library CSS not working

Design help Custom code
1

Hello Webflow Forum,

I’m currently experiencing a strange issue with shared libraries in Webflow.

Normally, a shared library class gets a prefix from the shared library. In this case: workerhero-b2b–. But over the weekend, this prefix suddenly disappeared. Now all the stylse got messed up a bit. Is anyone else experiencing this issue?

Here’s a URL preview where the shared library class prefixes are missing:

Here’s the live site where the shared library classes still appear correctly:

And here is my Read-Only link:

Thanks for your help!

2

Looks like the library namespace isn’t loading in the staging domain, had this happen on a client build when the library connection briefly desynced. Try re, syncing the Library in the Designer and republishing the staging site. If the prefix still doesn’t return, disconnect/reconnect the Library once to force a fresh namespace load.

3

@Jonas_Schauffelen

Why Your Shared Library Prefix Disappeared

This is a known Webflow issue that happens when:

  • The Library connection breaks or desynchronizes
  • The Library is updated, published, or republished
  • Your project temporarily loses link references to the original Library
  • Webflow performs a backend update (this has happened recently for many users)

When the connection breaks:

  • The project still keeps the class names
  • But the prefix is removed, making styles collide or reset
  • Some classes revert to local or global versions

You’re not the only one — this has recently affected others using shared libraries.

:hammer_and_wrench: How to Fix It

1. Reconnect Your Library

Go to:

Dashboard → Your Project → Libraries

  • Check if your Library shows a warning or “Connection lost”
  • If yes → Reconnect Library

This usually re-applies prefixes and restores link integrity.

2. Refresh Library Updates

In the Designer:

  1. Click the Library icon (left panel)
  2. See if there are “Updates available”
  3. Click Update

After updating the library, prefixes often return.

3. Republish BOTH the Library and the Project

This often re-syncs class references.

Steps:

  1. Open the Library project, publish it
  2. Then open your main project, publish it
  3. Refresh Designer
  4. Check if prefixes reappear

4. Make sure the library still has a prefix defined

In the Library project:

  1. Go to Library Settings
  2. Check the Class Prefix
  3. Ensure it still shows workerhero-b2b–
  4. Save + republish library

If someone changed or removed the prefix accidentally, this is the cause.

5. Disable then Re-enable the Library

In the main project:

  1. Go to Libraries
  2. Turn the library OFF
  3. Wait 10 seconds
  4. Turn it ON again
  5. Publish

This forces Webflow to rebuild the class map.

6. Clear Designer Cache

Sometimes Webflow Designer doesn’t refresh library mappings.

Try:

  • Open Webflow in an Incognito window
  • OR clear cache and reopen the project
  • OR use another browser temporarily

Hope Above Guideline will help you to fix issues.