--- title: "Additional information for developers about the visual page builder" date: "2021-03-15T13:47:48+00:00" summary: "Discover essential developer information for the visual page builder, including body classes and z-index details. Learn how to customize your website's behavior and ensure proper UI layering for an optimal development experience." image: type: "page" url: "/drupal-starter-kits/add-ons/site-studio/additional-information-developers-about-visual-page-builder" id: "d032ab4a-1eed-4d0b-be42-365f644e9a65" --- Classes added to body when the visual page builder is active ------------------------------------------------------------ When the visual page builder is active, the following classes are added to the tag. You may want to use these classes to affect your website when the page builder is active. * **coh-page-builder-enabled** - Class added when the page builder is enabled. * **coh-sidebar-browser-open** - Class added when the sidebar browser is open. * **coh-sidebar-editor-open** - Class added when the side bar editor is open. Visual page builder user interface z-index ------------------------------------------ The visual page builder overlays a user interface on your website. The z-index of the visual page builder user interface is set to 502. This is one increment more than the z-index used by the Drupal admin user interface. If you position elements on your page with a higher z-index than 502, they will appear on top of the visual page builder.