I am working with the Zen tab and wasn't sure if I would need to change the color of the tab-bar.png file under images or if I would be able to do it with a change to one of the CSS files? My goal is to get the tab to look more of a blue color than grey so that they stick out more.

Any advice is greatly appreciated!

Comments

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented

As the grey color comes from the images, you need to create your own blueish images..

I believe you can override the css created by QT module in your own theme, in theme's css file add something like:

ul.quicktabs_tabs.quicktabs-style-zen{
  background:transparent url(images/my-blueish-tab-bar.png) repeat-x left bottom;
}
ul.quicktabs_tabs.quicktabs-style-zen li{
  background:transparent url(images/my-blueish-tab-left-ie6.png) no-repeat left -38px;
}
ul.quicktabs_tabs.quicktabs-style-zen li a{
  ...
}
.... (all other backgrounds with images in zen.css)

but you can create your own quicktabs style also.

netw3rker’s picture

netw3rker commented
Issue summary: View changes
Status: Active » Closed (fixed)