View Single Post
  #1  
Old 09-09-2014, 03:15 AM
 
Martin Bishop Martin Bishop is offline
 

Advanced Member
  
Join Date: Sep 2011
Posts: 65
 

Default Ui tabs different colour

I've recently put the full product description in a tab and installed custom product tabs mod. I want to make one of the tabs a different colour but can't work out how or if it can be done. I've tracked done the UI jquery css file and have found this line that controls the default tab state:

Code:
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #b8b8b8; background: #ebebeb url(images/ui-bg_glass_100_ebebeb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #3b3b3b; }

I can see that each tab has an href anchor id to target the tab content:

Code:
<li><a href="#product-tabs-csi-13">Colours / Buy</a></li>

can anyone tell me if it's possible to create a style that just targets that button/tab? I've tried but failed and it's frustrating me.

The page that this is on is:

http://www.mathmoseurope.eu/mathmos-astro-1227-0.html

and the tab I want a different colour is the 'Colours / Buy' tab.

any help would be much appreciated

__________________
4.4.3
Reply With Quote