How to reduce Service Portal welcome message font?

Go to solution
The Matrix
Tera Contributor

‎03-06-2024 01:03 AM

Hi All,

How do I reduce the font size of Service Portal welcome message?

SiddharamTaka1_0-1709716192578.png

Thanks

0 Helpfuls
  • 424 Views
1 ACCEPTED SOLUTION

Go to solution
Sohithanjan G
Kilo Sage
Kilo Sage

‎03-06-2024 01:14 AM - edited ‎03-06-2024 01:16 AM

Hi @The Matrix , 

Open below

SohithanjanG_1-1709716400124.png

 

 

In the instance with search, in css add this below line

 

#homepage-search h2 { font-size: 20px;}

 

adjust the font size.

 

SohithanjanG_0-1709716507352.png

 

 

🙂

 

Please mark as Accepted Solution if this solves your query and HIT Helpful if you find my answer helped you. This will help other community mates too..:)

View solution in original post

5 REPLIES 5

Go to solution
Service_RNow
Mega Sage

‎03-06-2024 01:19 AM - edited ‎03-06-2024 01:22 AM

HI @The Matrix 

please follow thread:

https://www.servicenowelite.com/blog/2017/11/15/service-portal-custom-font

That text is in an "h2" element that is within a "div" element with the id of "homepage-search".

 

Since it's only for this page you can put the CSS at the page level or at the widget instance level. Either one can be accessed by going to the page editor.

See screenshots:

RamSingh_0-1709716712939.png

 

RamSingh_1-1709716712949.png

 

RamSingh_2-1709716712959.png

 

 

If you need to add the customer specific fonts to the theme style so that they are available to the theme then take a look at this article: https://serviceportal.io/using-custom-fonts-service-portal/

Quick demo.

RamSingh_3-1709716833660.gif

 

 

 

 

Please mark reply as Helpful/Correct, if applicable. Thanks!