Hide options in the Page Builder toolbar

If your clients will be editing their websites with Page Builder, you might want to hide some of the toolbar controls, such as the Templates and Tools buttons, or choices within the buttons. 

You can do this with CSS. 

Note: To return visibility to the buttons you hide, open your browser's inspector, find the button element, and disable the CSS that is hiding it.

To hide options in the Page Builder toolbar:

  1. In the upper right corner, click Tools > Global Settings > CSS.
  2. Add any of the CSS rules below.
  3. Click Save.

Hide the Templates button

.fl-builder-templates-button {
  display: none !important;
}

Hide the Tools button

.fl-builder-tools-button {
  display: none !important;
}

Hide the Tools > Duplicate This Page button

.fl-builder-duplicate-page-button {
  display: none !important;
}

Hide the Tools > Save Template button

.fl-builder-save-user-template-button {
  display: none !important;
}

Hide the Tools > Global Settings button

.fl-builder-global-settings-button {
  display: none !important;
}

Hide the Help button

.fl-builder-help-button {
  display: none !important;
}

Hide the Take a Tour button under Help

.fl-builder-help-tour-button {
  display: none !important;
}

Hide the Watch the Video button under Help

.fl-builder-help-video-button {
  display: none !important;
}

Hide the View the Knowledge Base button under Help

.fl-builder-knowledge-base-button {
  display: none !important;
}

Hide the Visit the Forums button under Help

.fl-builder-forums-button {
  display: none !important;
}