Is there a CSS indicator for the backend only ?

Beaver Builder
1

Hello,

In my theme’s CSS I’ve identified a few lines that cause a conflict with how the page builder editor renders. To fix this I’d need to remove those lines from my CSS file, but that breaks things in the frontend.

So I was wondering if there is a CSS class or ID that only gets added when you’re in page-builder mode in the backend. If yes, I could use the :not(s) selector to disable the problematic lines for the backend only.

I hope this makes sense.

Thank you for your support :slight_smile:

2

Hey Dave,

Welcome to the BB forums! :slight_smile:

When the page builder is active, the class fl-builder-edit gets added to the HTML tag. Feel free to target that with your CSS.

Hope this helps, and let us know if we can assist further! :slight_smile:

Ben

3

Thank you very much Ben, that’s exactly what I needed. Perfect!

4

Awesome! And no worries at all, Dave. :slight_smile:

Enjoy BB!

Ben