Skip to main content
ExLibris

Knowledge Assistant

BETA
 
  • Subscribe by RSS
  • Back
    Primo

     

    Ex Libris Knowledge Center
    1. Search site
      Go back to previous article
      1. Sign in
        • Sign in
        • Forgot password
    1. Home
    2. Primo
    3. Knowledge Articles
    4. Change the color of tabs My Account, Queries & e-Shelf

    Change the color of tabs My Account, Queries & e-Shelf

    1. Last updated
    2. Save as PDF
    3. Share
      1. Share
      2. Tweet
      3. Share
    1. Additional Information
    • Article Type: General
    • Product: Primo
    • Product Version: 4

    Desired Outcome Goal:
    Customize the color of Primo tabs to match institutional "branding" colors

    Procedure:
    1. Add the following code to the "customized" css.

    .EXLMyAccountTabsRibbon div li.EXLMyAccountSelectedTab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #HEXCOLOR;
    background-image: url("../images/");
    background-repeat: repeat-x;
    border-color: #HEXCOLOR;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    }

    2. Update the "background-color" and "border-color" with the desired HEXCOLOR.

    3. Save a local copy of the customized css.

    4. Use the file uploader tool to write the css changes to the server.

    5. Click on Sign-in or My Account link in Primo to see changes.

    Additional Information

    Primo customers like to customize the color of the Basic and Advanced Search buttons in Primo for branding purposes.
    This css code allows for additional Primo tabs to be updated to match the search buttons.
    Use Web Developer tools in Firefox or Chrome to identify which elements to change.
    It is also possible to test changes by 'temporarily' updating the css using Firebug or Chrome Web developer tools.

    Category: Front End- Primo

    Subject: Look and Feel - Primo


    • Article last edited: 6/30/2014
    View article in the Exlibris Knowledge Center
    1. Back to top
      • Change the background color of the header in Primo
      • Changing personalized elements seems to have no impact on the results
    • Was this article helpful?

    Recommended articles

    1. Article type
      Topic
      Community Content Type
      How To
      Content Type
      Knowledge Article
      Language
      English
      Product
      Primo
    2. Tags
      1. 4
      2. contype:kba
      3. Front End- Primo
      4. Look and Feel - Primo
      5. Prod:Primo
      6. Type:General
    1. © Copyright 2025 Ex Libris Knowledge Center
    2. Powered by CXone Expert ®
    • Term of Use
    • Privacy Policy
    • Contact Us
    2025 Ex Libris. All rights reserved