Remove info icon from reference fields from catalog item on portal.

Hrishabh Kumar
Giga Guru

I need to remove these open record info icons from my reference variables on the form in portal view.

info.PNG

 

I am modifying Page Specific Css in sc_cat_item page and trying to set "display : none" for that element.

sp_page.list > sc_cat_item -

 

addedCss.PNG

 

I found the class name by inspecting the element in console.

Here is a snippet of the element from console.

console.PNG

 

 

But info icons are still visible, solution is not working.

 

How can I remove these info icon, Please suggest what I am doing wrong or something I need to add in my CSS.

2 REPLIES 2

Riya Verma
Kilo Sage
Kilo Sage

Hi @Hrishabh Kumar ,

 

Hope you are doing great.

 

Ideally, updating widget's CSS will help to remove info icon. Check if modification are saved in widget and page.

 

If issue still persist, It's worth checking if there are any client-side JavaScript or UI policies that are modifying the element's visibility dynamically. These could interfere with your CSS changes. In such cases, you might need to review and update those scripts accordingly.

 

Lastly, clear your browser cache and refresh the portal page to ensure that you are viewing the most up-to-date version of your CSS modifications.

Please mark the appropriate response as correct answer and helpful, This may help other community users to follow correct solution.
Regards,
Riya Verma

jaheerhattiwale
Mega Sage
Mega Sage

@Hrishabh Kumar 100% working solution without distracting the look and feel.

 

Remove the CSS you added and add the below one.

 

.add-on>button{
display: none;
}

 

Please mark as correct answer if this solves your issue.

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023