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

    How to change the Voyager WebVoyage search and header tab colors

    • Product: Voyager
    • Relevant for Installation Type: Multi-Tenant Direct, Dedicated-Direct, Local, TotalCare



    How to change the search tab and header tab colors in WebVoyage.

    Answer (where xxxdb is the Voyager Database Instance)

    You will probably want to match the active search tab color to the search box color.

    The Search Tabs in WebVoyage are made up of two separate images: a thin one on the left and a wide one on the right.

    Both of these come in two colors: light blue for active and hover, and dark blue for inactive.

    These images are called by CSS; you can edit the CSS to call new images, but the easiest way to change the color is to take the existing images and edit them to the desired colors.

    Make a copy of the original image (such as search_nav_right_off.gif.ORIGINAL) and then edit the image.

    Files: /m1/voyager/xxxdb/tomcat/vwebv/context/vwebv/ui/skin/images/

    • search_nav_right_off.gif
    • search_nav_left_off.gif
    • search_nav_right_on.gif
    • search_nav_left_on.gif


    The Header Tabs in WebVoyage are built just like the Search Tabs, but with different image filenames:

    Files: /m1/voyager/xxxdb/tomcat/vwebv/context/vwebv/ui/skin/images/

    • tabrB2.png
    • tablB2.png
    • tableftB.png
    • tabrightB.png

    Additional Information

    Voyager Support has a limited ability to assist with WebVoyage customizations.  Please see: What WebVoyage customizations are supported?



    • Article last edited: 23-Sept-2020
    • Was this article helpful?