Join 50,000+ Smart Business Owners using OneTap for better accessibility with 1-Click Installation
Get OneTap
Pricing
A blue rounded square displays a streamlined black human figure, representing inclusivity and ease of use. To the right, the word “OneTap” appears in bold, dark letters with high color contrast for readability. The straightforward design supports clear recognition and ensures all users can easily identify the brand’s focus on accessibility.
Login
Get OneTap

How to Hide OneTap Toolbar in Page Builder Mode

8 min read
  • Instant Help with AI
  • BETA

General

Customize

Support

Support

Features you asked for

Request Feature

Last update June 2025

Guide

How to Hide OneTap Toolbar in Page Builder Mode (Elementor, Bricks, Oxygen...)

If you’re using OneTap together with a visual page builder like Elementor, BricksBuilder, or Oxygen, you might want to hide the accessibility toolbar while editing — so it doesn’t interfere with the design interface.

Here’s how to hide the OneTap widget inside the builder preview using a simple CSS snippet.

Copy & Paste the CSS for the Builder you use

  • WordPress Dashboard
  • Design
  • Customizer
  • Custom CSS
  • Copy & Paste the Code

Elementor

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* Elementor Builder */
body.elementor-editor-active .apop-container-toggle {
  display: none !important;
}

Bricks Builder

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* Bricks Builder */.bricks-is-editing .onetap-container-toggle {display: none !important;}

Oxygen Builder

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* Oxygen Builder */.oxygen-builder-body .onetap-container-toggle {display: none !important;}

WPBakery

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* WPBakery (Visual Composer) */
body.vc_editor .apop-container-toggle {
  display: none !important;
}

Beaver Builder

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* Beaver Builder */
body.fl-builder-edit .apop-container-toggle {
  display: none !important;
}

Divi Builder

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* Divi Builder */
body.et-fb .apop-container-toggle {
  display: none !important;
}

Thrive Architect

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* Thrive Architect */
body.tve_editor_page .apop-container-toggle {
  display: none !important;
}

SiteOrigin Page Builder (Backend Preview)

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* SiteOrigin Page Builder (Backend Preview) */
body.siteorigin-panels-live-editor .apop-container-toggle {
  display: none !important;
}

SeedProd Landing Page Builder

Against a deep black background, three bold circles—red, yellow, and green—are evenly stacked in a vertical line on the left side. Each circle stands out clearly with solid color and crisp edges, reminiscent of traffic lights or control buttons for ease of recognition. To the right, large white capital letters spell “CSS” in a clean sans-serif font, providing high contrast for readability. The arrangement mimics an accessibility toolbar interface familiar to many WordPress users: straightforward controls grouped together with clear labeling to support navigation for people with varying needs. 
				
					/* SeedProd Landing Page Builder */
body.seedprod-builder-active .apop-container-toggle {
  display: none !important;
}