If a customer requested to change the on-screen notification image to their 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:


/* 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;

}


Advice to change the background image to any image they prefer.


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/


Sample Screenshot: