Customize Cards in Service Portal

[Luis Garcia]

Good day
I wanted to ask you if you don't know where is the Widget that controls the Cards in Service Portal. I would like to make them a little longer so that the image and short description fit. As you can see in the image, since the card is not very big, sometimes the words in the short description are lost. So any suggestions to modify the widget that controls this would be great. Thanks

[Martin Ivanov]

looks like it is called SC Category Page. You'll need to clone it as it is not editable. 

Please Mark Correct AND Helpful. Thanks!

Martin Ivanov
2022 Community Rising Star ????

[Maik Skoddow · Accepted solution]

Hi @Luis Garcia 

it is not necessary to clone any widget, as your requirement can be realized via pure CSS.

Press key CTRL and right click into the page. Then select "Instance in Page Editor" from the context menu:

In the editor for the page instance make sure that "Catalog Category" is selected in the element tree and enter the CSS in the respective field which will override the OOTB min-height value:

After saving and reloading the catalog page, you can inspect the HTML via developer tools of your browser and see that the min-height attribute was overridden:

Kind regards
Maik

[Luis Garcia]

Thank you so much Maik. That solves the problem and maintains the solution simple. 

[Mark Roethof]

Hi there,

I think Maik already made a good comment. Using CSS. I would definitely NOT investigate cloning the widget like Martin suggests, that really should be a very last go to if nothing else works.

Maybe this also gives you an idea:
- 2020-05-18 Changing Service Portal widgets look and feel without cloning widgets 

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020-2022 ServiceNow Community MVP
2020-2022 ServiceNow Developer MVP

---

LinkedIn
Community article, blog, video list