Skip to main content

XTM Portal 3.0 Administrator Guide (closed Beta version)

  • XTM Portal 3.0 Administrator Guide (closed Beta version)
  • Settings
  • Style configuration

Style configuration

XTM Portal Administrators can configure the styles for XTM Portal page using Cascading Style Sheets (CSS).

To configure the style of XTM Portal page for Translation requesters:

  1. Log in to XTM Portal as an Administrator.

  2. In the menu on the left of the screen, select the cog icon gear_outline_brand_refreshed.svg. The Settings tab screen is displayed.

  3. In the Settings screen, select the STYLES tab.

  4. In the CSS STYLES tab screen, in the text field, insert the CSS file that you have selected for the XTM Portal page.

    Example 1. Using CSS style sheets in XTM Portal

    Use the sample CSS below to change the colors on an active sub-tab in XTM Portal Project List tab screen, for all XTM Portal users. When you do so:

    • color #BE6AAA Rectangle_color_sample__BE6AAA.svg will be used for the active sub-tab label and icon.

    • color #FFCDF3 Rectangle_color_sample__FFCDF3.svg will be used for the active sub-tab background and underlining.

    .PortalProjectFilters-root .MuiButtonBase-root.Mui-selected { color: #BE6AAA; background-color: #FFCDF3; }.PortalProjectFilters-root .MuiTabs-indicator { background-color: #FFCDF3; }Cascading Style Sheets

  5. Select the Save button in the top right-hand corner of the screen.

In this section: