Subtopics widget customization

[MeganCox]

We are currently on the Yokohama version of ServiceNow. I am hardly a developer and have been learning Employee Center and Pro over the last two years as we have transitioned our whole intranet over to this platform. In our employee taxonomy, we have parent topics for each page we need and then subtopics for all additional pages under those. We use the subtopics widget to show all of the pages that employees can access. 

Is there any way (and feel free to explain it to me like I'm 5) that we could customize the widget to allow a single subtopic button to be changed?

In the attached image (Managers Topics), my boss is wanting to see if it's possible to have the background of that singular button be a picture of flames, and then change the font of the title to be white. Is this even possible with some HTML customization wizardry?

[MeganCox]

oooh! I love that. 

We have everything in English and this is the only subtopic we would want it on. Do you have any recommendations for the CSS for doing something like this? I'm not techy whatsoever, but I could give it to my IT guy. Also, with the CSS does it have the ability to change the color of that font to white so it's more visible against the background?

Thanks!

[Sajal Gupta]

Hi @MeganCox 

Let me guide you to achieve the same step by step.

1. Go to db_image table using "db_image_list.do" and create a new record to upload the image with right extension.


2. Go to subtopic widget and open the instance in page editor.


3. Go to CSS Section and add the following, Update the topic name in the aria-label as required for you and hit save. Manipulate minor CSS as per your requirement to re-position image and change font color. Add URL as you created in db_image record.


item-image is used to hide the topic icon and item-name is used to manage the text style. background-position to choose what part of the image you want to show. Once you save you should see the changes on the portal.



The instance will be treated as customized but widget remains OOB and you will continue receive updates on the widget.

Please mark my answer as accepted so other will be able to find it easily.