Get Instant Answers
Use the Documentation AI to get instant answers to your questions.
General
Customize
Support
Last update October 2026
How to Hide OneTap Toolbar in Page Builder Mode
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.
CSS Snippets
Configure Your Settings: After activation, go to the OneTap settings page to configure the plugin according to your preferences.
/* Elementor Builder */
body.elementor-editor-active .apop-container-toggle {
display: none !important;
}
/* Bricks Builder */.bricks-is-editing .onetap-container-toggle {display: none !important;}
/* Oxygen Builder */.oxygen-builder-body .onetap-container-toggle {display: none !important;}
/* WPBakery (Visual Composer) */
body.vc_editor .apop-container-toggle {
display: none !important;
}
/* Beaver Builder */
body.fl-builder-edit .apop-container-toggle {
display: none !important;
}
/* Divi Builder */
body.et-fb .apop-container-toggle {
display: none !important;
}
/* Thrive Architect */
body.tve_editor_page .apop-container-toggle {
display: none !important;
}
/* SiteOrigin Page Builder (Backend Preview) */
body.siteorigin-panels-live-editor .apop-container-toggle {
display: none !important;
}
/* SeedProd Landing Page Builder */
body.seedprod-builder-active .apop-container-toggle {
display: none !important;
}
- WordPress Dashboard
- Appearance
- Customize
- Customize
- Additional CSS
- Copy & Paste the Snippet