How to Change the “X” Button for the Site Notices

Introduction

By default, there is no built-in option to change the “X” button for site notices. Using a CSS snippet, you can replace it with any icon from the BuddyBoss Font Cheatsheet to match your site’s style.

Custom Workaround

Follow the steps below to change the “X” button:

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

span.bb-icon-rl.bb-icon-times:before { content: 'e876'; } /* Replace 'e876' with your preferred icon code */

4. Click Publish to save your changes.

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

Troubleshooting and FAQs

Q: Can I change the icon to something else?

A: Yes. Replace e876 with any icon code from the Font Cheatsheet.

Q: The “X” button did not change. What should I do?

A: Clear your site cache and browser cache. If it still doesn’t work, submit a ticket to the support team for assistance.

Q: Will this affect all site notices?

A: Yes. This CSS snippet changes the icon for all site notices across the site.

Q: Can I change the size or color of the “X” button?

A: Yes. You can add CSS properties like font-size or color to customize it further.

Screenshots

Without Code:

With Code: