How to change the Voyager WebVoyage search and header tab colors

Question

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

• Article last edited: 23-Sept-2020