Guide: How to hide element only in Webflow Designer View & Not on Website

Community resources Show & Tell
1

Hi Guys,
I saw Tim Ricks doing it but forgot the CSS code for it

So if incase you want to hide some element just inside the webflow designer and not real website you can do that - by adding embed element on that page:

and this the below mentioned CSS within tag

ex of code:

<style>
html.wf-design-mode .element-class {
  display: none;
}
</style>

replace .element class with the class name you want to hide on the designer
I have also created a quick video - so check that out if need more help - feel free to reach me out

Video Guide: Loom | Free Screen & Video Recording Software | Loom

Thanks - have a good day

1 Like