Legacy Workspace - change CSS properties

SC4
Tera Expert

Hello.

 

I am having an issue with Labels and Workspace.

 

Record Producer variables of type Label don't show "correctly" in legacy Workspace:

 

SC4_0-1702406424863.png

 

Where do I find the CSS file to change this:

SC4_1-1702406492451.png

 

The idea is to decrease the font-size.

3 REPLIES 3

SC4
Tera Expert

Posting here again, in case someone can help:

I am looking into the UX Themes Default and Base Agent Workspace theme, I deactivated both to test what was the impact of disabling them, nothing changed in the Agent Workspace view.

The idea is to add a css property to make that label smaller, but I can't seem to find where this is configured.

Roman88
Giga Contributor

To address the issue of the Label type variables not displaying correctly in the legacy Workspace in ServiceNow and to modify the CSS for font-size, you can follow these steps:

1. Navigate to Theme Configuration:
Access the theme configuration section in ServiceNow by going to System UI > Themes. This is where you can manage and customize the CSS for the workspace.

2. Locate the CSS File for Legacy Workspace:
Within the theme configuration, you should be able to find the CSS file that corresponds to the legacy Workspace. Look for the appropriate CSS rules that control the styling of the Label type variables.

3. Modify Font Size:
Once you have located the CSS file for the legacy Workspace, you can make modifications to the font-size property to decrease the font size for the Label type variables. Look for the CSS rule that targets Label elements and adjust the font-size property accordingly.

4. Test and Deploy:
After making the necessary modifications, save the changes and ensure to test the updated styling within the legacy Workspace to confirm that the font-size adjustments have been successfully applied.

By following these steps, you should be able to locate and modify the CSS file for the legacy Workspace in ServiceNow to decrease the font size of Label type variables and address the display issue you've encountered. Beachbuggyracingonline

Which CSS file exactly?