Page 1 of 1
Mouse over on Tabs
Posted: Thu Jun 03, 2010 5:34 am
by airsoft4you
I am currently customizing the template and i am trying to implement mouse over into the tabs at the top page (Home,Login,Account,Basket,Checkout) i know sort of how to do it, you have to use css and have been looking at some guides however im not sure what exactly the code should be and where i should put it, can anyone help.
Toby
Re: Mouse over on Tabs
Posted: Thu Jun 03, 2010 6:05 am
by ssandecki
Re: Mouse over on Tabs
Posted: Thu Jun 03, 2010 2:59 pm
by fido-x
In your stylesheet (catalog/view/theme/YOUR_TEMPLATE/stylesheet/stylesheet.css) look for the following (around line 85):-
Code: Select all
#header .div4 a.selected {
background: url('../image/tab_2.png') no-repeat;
color: #FFF;
padding-bottom: 10px;
z-index: 3;
}
And replace with:
Code: Select all
#header .div4 a.selected, #header .div4 a:hover {
background: url('../image/tab_2.png') no-repeat;
color: #FFF;
padding-bottom: 10px;
z-index: 3;
}