In the Service portal page there are so many categories when we click on particular category then it

[Ankammarao]

On the Service Portal page, multiple categories are available. When a user clicks on a specific category, it redirects to the catalog items related to that category. In the image below, I’ve highlighted one of the catalog items. Is it possible to apply a color shade or highlight to that specific catalog item on the portal page? If yes, could you suggest how this can be done?

[RaghavSh · Accepted solution]

@Ankammarao This is possible with Css, I believe you are on sc_category page (as shown in your screenshot).

you can check the page from url ( id=page_id).

Open the page in sp_page table and add below code in page specific css:

a[href*="575274511d830010f8776f77b927f284"] {  // replace the sys_id with the sys_od of yoyr catalog item
      background-color: grey;
}

[KrishnaMohan]

Hi @Ankammarao ,

Why can't use popular items (sc_popular_items_list ), so that it will display at top of page in sc_category page. To showcase popular catalog items on the Service Portal homepage or other relevant pages, improving user experience and streamlining the request process.

Yes, it is possible to apply a colors or highlight to a specific catalog item on a ServiceNow Service Portal page. This requires modifying the CSS of the widget responsible for displaying the catalog items. However it is not recommended approach as it is OOTB behaviour and required customization.

If this helped to answer your query, please mark it helpful & accept the solution.
Thanks!
Krishnamohan

 

[RaghavSh · Accepted solution]

@Ankammarao This is possible with Css, I believe you are on sc_category page (as shown in your screenshot).

you can check the page from url ( id=page_id).

Open the page in sp_page table and add below code in page specific css:

a[href*="575274511d830010f8776f77b927f284"] {  // replace the sys_id with the sys_od of yoyr catalog item
      background-color: grey;
}

[Ankammarao]

@RaghavSh  can you please send any reference document. I think it is more helpful for me. 

[RaghavSh · Accepted solution]

@Ankammarao CSS requirements are not same for everyone so there can’t be an exact documentation but you can still refer below:

https://www.servicenow.com/community/developer-articles/changing-service-portal-widgets-look-and-fee...