Skip to main content
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    Customizing the Default Primo Locale CSS Files - Classic UI Only

    This page is specific to Primo's classic UI. For customization information that is specific to the new Primo UI and Primo VE, see the following documents, respectively:

    In addition to the default Primo_default.3.0.css file, on-premises customers can modify the default Primo_Locale.css file under each locale. Primo loads this CSS file last to support elements that pertain to a specific locale.
    To customize the default locale-specific styles:
    1. Enter the following commands to access the css directory, where <locale/> (such as en_US) indicates the language and region:
      cd locale/<locale>/css
    2. Create a new CSS file that includes your localized CSS classes.
      To protect your locale-specific CSS files from being overwritten during service pack updates and hot fixes, make sure that your localized CSS file does not have the same name as the default Primo_Locale.css file.
    3. Update the Locale CSS Map code table per locale:
      1. On the Primo Home > Advanced Configuration > All Code Tables page, select Front End from the Subsystem drop-down list.
      2. In the Locale CSS Map mapping row, click Edit.
        The Locale CSS Map code table opens (see The Locale CSS Map Code Table Page).
        The Locale CSS Map Code Table Page
      3. For each locale in the Language drop-down list that requires customization, use the following table to enter the information for the localized CSS file.
        CSS Mapping Table Row Details
        Field name Description
        Check this box to enable the mapping row.
        Specify the following code for the default locale CSS file:
        If necessary, you can add mapping rows for additional languages and views. To specify a view-specific CSS file, create a mapping row that contains the <view/>.primo.locale.css code per language.
        To receive updates to the default locale CSS and retain your localized changes between updates, add your localized CSS file to the end of the list, as follows:
        Make sure that each file is separated by a semicolon. The files are loaded in the order in which they are listed from left to right.
        Specify the locale.
      4. Click Save & Continue.
    4. On the Primo Home > Deploy All page, deploy the changes made to the code tables.