Disable Custom CSS in Editor mode

Design help Custom code
1

Hi folks,

Is it possible to exclude custom css in editor mode?
We have a custom mouse cursor and disabled the default cursor via css. In editor mode it is nearly impossible to edit collections without the default cursors.

Is it possible to use JS or any hack to disable custom css in editor mode?

Thanks for your help!
best from Switzerland,
Christoph

2

Hi Christoph!

You can detect if the editor is enabled with this snippet:

var Webflow = Webflow || [];

Webflow.push(function () {
  if(Webflow.env('editor') !== undefined) {
    // override styles here
  }
});

Since you did not share your site or the preview, I can’t suggest what the best way to disable the custom cursor is!