How to change a service portal welcome message font color?

[The Matrix]

Hi All, How do I change the service portal welcome message font color?

[Arun_Manoj]

Hi @The Matrix ,

https://www.servicenow.com/community/developer-forum/how-to-change-the-font-of-the-only-welcome-mess...

Thanks

Arun

[Sohail Khilji]

HI @The Matrix ,

Using CSS you can change the color : (hold shift and right click on welcome message > edit )

/* CSS code for the welcome message */
.welcome-message {
   color: #333; /* Default color */
}

@media screen and (min-width: 768px) {
   /* Adjustments for larger screens */
   .welcome-message {
      color: #666; /* Alternate color for larger screens */
   }
}

[Sujit Jadhav]

To change the font color of the Service Portal welcome message, you can use CSS styling. Here's how you can do it:

1. Identify the Element:

   • Open the Service Portal in your web browser.
   • Right-click on the welcome message element (usually located at the top of the portal) and select "Inspect" or "Inspect Element" from the context menu. This will open the browser's Developer Tools and highlight the HTML code for the welcome message.

2. Find the CSS Class or ID:

   • Look for a CSS class or ID associated with the welcome message element in the HTML code. It might look something like <div class="welcome-message"> or <div id="welcome-message">.
3. • Once you've identified the CSS class or ID, you can add custom CSS to change the font color.
   • Go to your Service Portal configuration in the ServiceNow instance.
   • Navigate to "Service Portal" > "Portals" and open the portal where you want to change the font color.
   • Go to the "CSS Variables & Overrides" section or a similar section where you can add custom CSS.
   • Add CSS code to change the font color. For example:

     Add Custom CSS:

   • welcome-message {
     color: red; /* Change the color to your desired color */
     }

4. Save Changes:

   • Save your changes in the Service Portal configuration.

5. Preview:

   • Preview the Service Portal to see the updated font color of the welcome message.

By adding custom CSS, you can modify various aspects of the Service Portal's appearance, including font colors, sizes, styles, and more. Make sure to test your changes thoroughly to ensure they appear as expected across different devices and browsers.

Please mark my answer Correct/Helpful, If applicable

Regards,

Sujit