Tab Styling

I am trying to get my head around what I need to add to my CSS to alter the styling on one of my GK5 Tabs using GK_restaurant?

I have given the Tab the ID "join" (it's the fifth tab on the homepage) so I now have:

Code: Select all

<li id="join" class="gkTabs-5" data-animation="opacity">

I want to change the background for this button to show color '#ffcc00' when inactive but all the attempts I have made to do this in CSS have failed, can you please tell me what I need to add to the CSS to change the background on this tab only?

TIA,

Laus.

http://ffres.org/cms2/

Hi,
please try add this to override.css

Code: Select all

.gkTabsWrap.vertical ol li#join, .gkTabsWrap.horizontal ol li#join {
background: #ffcc00;
}


remember to enable override.css option in template settings.

Thanks Konrad, that works perfectly.

I was so close but had a dot where the hash should have been - will I ever get the difference between a class and a style!

MANY THANKS!

Diffrence between calss and id is very simple. Id you should use only once for element on page. Class you can use as many times as you want.