General
Customize
Support
Last update December 2025
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