changing the color of notification badge on left navigation
Could anybody tell me is it possible to change the color of notification badge present in the left main navigation pega 8.4? Please find the attached screenshot for the notification badge icon.
Thanks in advance.
Accepted Solution
Updated: 18 Aug 2020 8:15 EDT
Pegasystems Inc.
IN
Pegasystems Inc.
IN
Hello,
Can you please add below style in UserWorkForm then verify the behavior.
<style>
.notification-count{
background-color: <add your code code> !important;
}
</style>Regards,
Praveen
Updated: 17 Aug 2020 23:31 EDT
Accenture
IN
It's worked.
Thank you for your response.
Accepted Solution
Updated: 18 Aug 2020 8:15 EDT
Pegasystems Inc.
IN
Hi Asha,
Adding to what Praveen mentioned above.
The red color is default provided by Pega in the class ".notification-count".
You can explore more in the developer tools. Attaching a sample DOM snippet (notification.png).
You can either override this class in userworkform (less preferred from Pega 8) or you can edit the available rule as shown in the attachment (OOTB CSS). Change line number 6 and 20 and make it black (written below) or any other color code:
background-color: #000000
Hope it explains.
Thanks,
Atikant
Updated: 17 Aug 2020 23:30 EDT
Accenture
IN
It's worked.
Thank you for your response
Hi Asha,
Adding to what Praveen mentioned above.
The red color is default provided by Pega in the class ".notification-count".
You can explore more in the developer tools. Attaching a sample DOM snippet (notification.png).
You can either override this class in userworkform (less preferred from Pega 8) or you can edit the available rule as shown in the attachment (OOTB CSS). Change line number 6 and 20 and make it black (written below) or any other color code:
background-color: #000000
Hope it explains.
Thanks,
Atikant