Remove the Information preview button on catalog item reference fields from Service Portal

[ads4]

Hello, I'm using a catalog item on my portal which has several reference type fields like location, config item etc. 

There is a button next to Reference type Field in our Service Portal form. The 'i' button displays a full view of the object of reference. The end user should not have access to this functionality. Pls help to remove it. 

I tried writing this CSS to fix the issue but it doesn't work for me

.field-has-reference > .add-on {
	display:none;
}

[Sai Kumar B]

Hi Author,

can you try the below?

.add-on > button.lookup {
   display:none;
}
.field-has-reference .reference {
   display: block !important;
}
.field-has-reference .add-on {
   display: table-cell;
   width: 0px !important;
}

[ads4]

Hello thanks for your reply but the solution does not work for me

[Sai Kumar B]

have you applied the CSS on the right page? can you share any screenshots?

pages should be sc_cat_item and sc_cat_item_guide 

[ads4]

Thanks Sai, i was applying the CSS to the wrong page, it works now. 

Would you pls help me to know how we can remove the info button from a single field? And what how can i remove the info button from a single catalog item, as right now it's removing the info button from all the catalog items i'm using on my portal