Overview

You want to remove the footer or feedback elements from a Subsite within your Bonzai Environment because it takes up too much space on the page.

Solution

The elements in your Bonzai Environment can be removed using a Script Editor web part and adding a style script to modify the element's display property. You can follow the steps below on each page that you want to remove the chosen element from.

Note: While the Footer and Feedback elements are the most common request, the guidance below can be used to adjust the CSS of any element within your Bonzai environment.

Use the Inspector within your browser to identify the element's class name that you want to hide. You can then use the element's class name within the CSS style snippet below.

For example, for the Feedback Element:

See Open Chrome DevTools for more information on using this tool.

Go to the page where you do not wish the Footer to appear.
Navigate to Settings Gear > Edit Page.
Scroll to the bottom of the page and click Add a Web Part.
Select the Script Editor web part under the Media and Content folder and click Add.
Scroll to the bottom of the page and click Edit Snippet under the Script Editor web part.
Paste in the script snippet:
1. To remove the entire Footer:
```
<style type="text/css"> .bz-footer-container {display: none;} </style>
```
2. To remove the Feedback element only:
```
<style type="text/css"> .bz-footer-feedback {display: none;} </style>
```
3. Note: Once the snippet is added, the element CSS should update after a few seconds. You can verify that you have targeted the correct element in this way before saving the changes.
Click Insert.
Scroll to the bottom, and the element should be gone. If you are happy with the changes, you can Check-In and Publish the page.
1. Note: To undo the change, simply Delete the Script Editor web part or its snippet contents.