00:00
Buy Me a Beer
Utilities
Remove Element
Remove element after page load
How to remove elements from the DOM
Firstly, make sure you have the VisualDX script before your </body>. Checkout the Quick Start for how to do this.
How to Remove Webflow CMS elements with Conditional Visibility from the DOM.
Copy this attribute:
vdx-remove-element
Paste it into the Custom Attribute Name input of a Webflow Collection List. This will remove all elements with Condition Visibility from the DOM after you page has loaded.
Collection List Wrapper
Collection List
Collection Item
Div Block
Visible Item
w-condition-invisible
Conditional Visibility Set
hide-element
Display: None
Collection List Wrapper
Style
Settings
Interactions
Collection List Settings
Custom Attributes
Name
vdx-remove-element
Value
Publish to remove w-condition-invisible element
Collection List Wrapper
Collection List
Collection Item
Div Block
Visible Item
hide-element
Display: None
How to Remove any Webflow element from the DOM.
Add CSS class or id to the Custom Attributes Name to target and remove elements that are children of the element
Collection List Wrapper
Collection List
Collection Item
Div Block
Visible Item
w-condition-invisible
Conditional Visibility Set
hide-element
Display: None
Collection List Wrapper
Style
Settings
Interactions
Collection List Settings
Custom Attributes
Name
vdx-remove-element
Value
.hide-element
Publish to remove hide-element element
Collection List Wrapper
Collection List
Collection Item
Div Block
Visible Item
w-condition-invisible
Conditional Visibility Set