how to modify the image size(increase) in search result card ai search card css (ai search theming)

ABHAY_M
Tera Guru

how to modify the image  size(increase) in search result card
can someone please provide the css attribute to increase the size of icon as show in below image.
as the class based css is not working in widget,widget instance, and style sheet.

to be specific i want css variable for  to increase  where do i manuplate these css attributes please guide here


ABHAY_M_0-1739453185143.png

 

@Gerard Dwan 
@Nikhil Sharma1  
@Brian Bakker 
can you please assist here thanks.

 



2 REPLIES 2

Brian Bakker
ServiceNow Employee
ServiceNow Employee

@ABHAY_M 

Did you use the article Custom Icons for AI Search Results? It states that while any image URL will work, we always recommend using internal assets from the db_image table. Is this where the Teams image is located? Our out-of-box icons come in set sizes in the Icon Library

 

Our documentation on Create a CSS include to override theming for AI Search in Service Portal does not provide options to change the size of the image.

 

Therefore, I am not sure you can resize these icons using CSS or in the EVAM definition, and the only option is to increase the size of the image.

freddyalexa
Tera Contributor

To modify the image size in an AI search result card, you'll need to target the correct CSS variables or elements within the AI Search theming framework. Since class-based CSS is not working in your widget, widget instance, or style sheet, you'll have to use CSS variables provided by the AI Search theming system.