Change font color and size for specific catalog item short description

AndersBGS
Tera Patron

Hi all,

 

Can anybody guide me in the right direction for how to change color and size of a specific catalog items short description? e.g.:

AndersBGS_0-1729675186159.png

For above item, change the "I would like to have a server restored" to red in stead of black. The text coming from this field marked in yellow:

AndersBGS_1-1729675294004.png

 

Best regards

Anders

 

If my answer has helped with your question, please mark my answer as the accepted solution and give a thumbs up.

Best regards
Anders

Rising star 2024
MVP 2025
linkedIn: https://www.linkedin.com/in/andersskovbjerg/

9 REPLIES 9

Dr Atul G- LNG
Tera Patron

Hi @AndersBGS 

 

I think it is not posible OOTB way.

*************************************************************************************************************
Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/dratulgrover [ Connect for 1-1 Session]

****************************************************************************************************************

GlideFather
Tera Patron

Perhaps if you check the service portal's widget configurations, it might be hidden somewhere in it

_____
100 % GlideFather experience and 0 % generative AI

moinuddinka
Kilo Sage

Hi @AndersBGS ,

 

You can set it globally by making changes in ec-theme-catalogs I tried adjusting the color to blue and the size to 25px.

 

This is the link to access ec-theme-catalogs records - "Intance name" / sp_css.do?sys_id=97b1525b1bb8f85047582171604bcbe4&sysparm_view=&sysparm_domain=null&sysparm_domain_scope=null&sysparm_record_row=2&sysparm_record_rows=5&sysparm_record_list=cssCONTAINSshort-description%5eORDERBYname

 

Here are the changes I've made in the ec-theme-catalogs record.

.sc-cat-item-short-description {
              color: blue;
              font-size: 25px
            }

MoinKazi_0-1729682117129.png

 

However, I'm unsure if we can apply this to a specific catalog item. But you can still explore how to apply the above CSS property to a specific catalog item.

 

Hope this help you.

 

Regards

Moin

Hi @moinuddinka ,

 

Thank you for your message. Yes, I also managed to change it globally before posting - but would only like to change it for one specific catalog item. Thanks again for your effort.

 

Best regards

Anders

If my answer has helped with your question, please mark my answer as the accepted solution and give a thumbs up.

Best regards
Anders

Rising star 2024
MVP 2025
linkedIn: https://www.linkedin.com/in/andersskovbjerg/