Customizing CSS of the current theme

You can change the look of the current Sage CRM theme by applying CSS customisations. To do so, you can either use an existing empty .css file supplied with this release (RedefinedStyles.css) or copy your own .css files to a Sage CRM server. If necessary, you can roll back customisations by editing or deleting your .css files.

Note that these customisations do not apply to reports and interactive dashboard layout and gadgets.

  1. On a Sage CRM server, open the following location:

    <Sage CRM installation folder>\WWWRoot\Themes\custom

    where <Sage CRM installation folder> is the folder you specified when installing Sage CRM. By default, this is %ProgramFiles(x86)%\Sage\CRM\CRM.

  2. Add your CSS customizations to the RedefinedStyles.css file in the custom folder. Alternatively, copy your custom .css files to that folder.
    You may need to use the !important rule to apply your CSS customisations.

    Sage CRM applies your .css files in the alphabetical order of their names, from A (first) to Z (last). As a result, if you customize a CSS element in your first file, it can be potentially overwritten by customizations in the next files.

  3. Open IIS Manager and recycle the CRM App Pool to apply your customizations.

  4. Clear browser cache on each client computer to correctly display CSS customizations.

CSS customizaton example

Copy 
#casesegment1.casesegment {
    background: #e98709 !important;
}

Changes the color of the Canceled pipeline tile to amber:

Selected pipeline tile.