Skip to main content
ExLibris

Knowledge Assistant

BETA
 
  • Subscribe by RSS
  • Back
    Voyager

     

    Ex Libris Knowledge Center
    1. Search site
      Go back to previous article
      1. Sign in
        • Sign in
        • Forgot password
    1. Home
    2. Voyager
    3. Community Knowledge
    4. OPAC: Change Search Form Colors

    OPAC: Change Search Form Colors

    1. Last updated
    2. Save as PDF
    3. Share
      1. Share
      2. Tweet
      3. Share
    No headers
    Created By: Laura Guy
    Created on: 5/14/2019



    [This article was copied from the Voyager Wiki.]

    Introduction

    This relates to the "New" Tomcat WebVoyage that is included in Voyager 7.0.1 and forward.

    Branding is an important part of our organization's identity. Changing the colors of the search pages and their "tabs" (or "buttons") is a part of that. The search form colors are controlled in a CSS file (changing the colors of the tabs is addressed in a separate document).

    You will need to make changes to the CSS file found here: /m1/voyager/xxxdb/tomcat/vwebv/context/vwebv/ui/your_SKIN/css/searchPages.css 

    Search Form Colors

    Update searchPages.css to change the color of the search form itself, as well as the little line between the active search form and its tab. The following examples change the search form color to gray, as per the screenshot below.

    Code Examples

    #searchForm

    {

       background: #cccccc none repeat scroll 0 0;

       border: 1px solid #000;

       clear: left;

       margin: 0;

       padding: 0;

       color: inherit;

       -moz-border-radius-bottomleft:10px;

       -moz-border-radius-bottomright:10px;

       -moz-border-radius-topright:10px;

    }

     

    #searchNav li.on a, #searchNav a:hover

    {

       color: #333;

       border-bottom: 1px solid #cccccc;

       cursor: pointer;

    }




    Report
    View article in the Exlibris Knowledge Center
    1. Back to top
      • OPAC: Building Canned Searches (Tomcat)
      • OPAC: Change Search Tab Color
    • Was this article helpful?

    Recommended articles

    1. Article type
      Topic
      Community Content Type
      Enhancements
      Language
      English
      Product
      Voyager
    2. Tags
      This page has no tags.
    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