How to Change Folder Icons on Group Documents

Introduction

By default, there is no built-in option to change the folder icon used in Group Documents. However, you can modify the icon globally by applying a custom CSS snippet. This allows you to replace the default folder icon with another icon from the available icon set.

Custom Workaround

Follow the steps below to change the folder icon:

1. Go to Appearance > Customize
2. Click Additional CSS
3. Append the following code:

.bb-icon-folder-stacked:before {

    content: 'ed94';

}

4. Click Publish to save your changes.

You can replace ed94 with any other icon code from the Font Cheatsheet:
https://buddyboss.com/resources/font-cheatsheet/

⚠️ This CSS will affect all folder icons that use this class. Changing icons individually is not supported and would require custom development.

Note: Any modifications are considered custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The icon did not change after adding the CSS.

A: Clear your browser cache, site cache, and any CDN cache, then refresh the page.

Q: Can I use a different icon for each folder?

A: No. This method applies globally. Assigning different icons per folder would require custom development.

Q: Where can I find valid icon codes?

A: You can find all supported icon codes in the Font Cheatsheet linked above.