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
w-condition-invisible
hide-element
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
hide-element

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
w-condition-invisible
hide-element
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
w-condition-invisible