Hide Element Action

The Hide Element action hides the selected element(s) on the page by inserting an inline style and setting the display property to display: none !important; on the selected element(s). The action also appends included CSS styles in the <head> of the page.

Required Component

Relative Element Selector

Enter the element selector into Relative Element Selector. This selector determines which elements are hidden. For additional information on selectors, refer to Element Selectors.

Optional Components

CSS Style

Anything you input into the CSS editor is appended to a stylesheet in the <head> portion of your site within a <style> block. These styles are available on this page for use with any page element.

Select All Elements

Use the Select multiple elements, if matched? toggle to apply the action to the first occurrence of the relative element selector or to all occurrences of it, if multiple exist.

Select NO if you want the action to apply only to the first occurrence. Select YES if you want the action to apply to all occurrences.

Re-Check for Elements

The Re-check for Elements setting enables or disables polling. If you enable polling, then Monetate continues to check for the selected element even if it does not initially appear on the page. This option is good if you have certain elements that don't fire right when the page loads.

If you disable polling, then Monetate only checks for the element once when the page loads.