I have an XPage where I want to change the color of the unselected tabs to a color different from that of the default. I’ve tried the properties and tried a new theme, but the colors don’t change. Has anyone done this and how did you do it?
Subject: Stylesheet modifications
I overwrote the default properties with my stylesheet and set the color of the tabs to dark blue (#006699) with the background attribute:
.xspTabbedPanelTabs a, .xspTabbedPanelTabs a:visited{display:block;line-height:1.2em;color:#DFDBBF;padding:5px 15px 4px 10px;background:#006699;text-decoration: none}
And to change the color of the selected tab background I used this:
.xspTabbedPanelTabs li.xspSelectedTab a, .xspTabbedPanelTabs li.xspSelectedTab a:visited{color:#DFDBBF;font-weight:normal;background:#000033;}
Subject: Thanks for your response
Is your Application theme “Server Default”? I’m able to get the color changes to work (quite easily, thanks again) if I have that setting for the Application theme. “Oneui” (one of the other theme defaults), is the setting for my application, and I’m not able to get the style changes to work at that setting. Thanks for any additional insight you can provide.