Changing the Image on the On-Screen Notification

To change the on-screen notification image to your liking, you can use this CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following. Feel free to change the background image to any image you prefer.

/* Adding a background image */ .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item, .bb-onscreen-notification-enable .bb-onscreen-notification .notification-list .read-item:hover { background-image: url('https://picsum.photos/200.jpg'); } /* Changing the color according to the background. */ .notification-content a, .notification-list.bb-nouveau-list .actions a { color: white; }

4. Save changes.

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

Screenshot