Remove Icon from sub topic widget

pandeyved
Tera Contributor

Hi All,
There is an requirement of removing the icon from the topics in subtopic widgets on the employee center portal.
This Icon we need to remove and we need to make the box more curved by changing the font color. Can some one please suggest some way to achieve this.

pandeyved_0-1700539326696.png

Thanks in advance

 

3 REPLIES 3

Shruti
Mega Sage
Mega Sage

Hi,

Press Ctrl+ right click on the widget

Go to instance in page editor

Shruti_0-1700544665258.png

Add below to CSS section to modify color

Shruti_1-1700544693627.png

To hide the icon update below highlighted part to false

Shruti_2-1700544810588.png

 

 

 

Samaksh Wani
Giga Sage
Giga Sage

Hello @pandeyved 

 

Go to Navigator> Service Portal > Pages> Search for ec_pro_dashboard.

 

Go to Popular Topics Instance and modify the HTML script to remove it.

 

Plz mark my solution as Accept, If you find it helpful.

 

Regards,

Samaksh

Sajal Gupta
ServiceNow Employee
ServiceNow Employee

@pandeyved 

As part of the product itself, the Subtopics widget comes with an instance option "Show Topic Icon". You can enable/disable icons based on your requirements with ease.

Product documentation reference: https://docs.servicenow.com/bundle/vancouver-employee-service-management/page/product/employee-cente...
Screenshot 2023-11-22 at 8.48.29 AM.pngScreenshot 2023-11-22 at 8.48.38 AM.pngScreenshot 2023-11-22 at 8.48.52 AM.png









For the rounded corners, I am guessing you want to achieve something like this below.

SajalGupta_0-1700623731623.png

You can open "Instance in page editor" instead of instance options and add the below lines of code in CSS.

 

.subtopics {
  border-radius: 10rem !important;
}

 

This will not act as a customization to the widget but only affect the specific instance of the widget.

Thanks