Post by airsoft4you » Thu Jun 03, 2010 5:34 am

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

New member

Posts

Joined
Tue Jun 01, 2010 11:55 pm

Newbie

Posts

Joined
Mon May 31, 2010 11:35 pm

Post by fido-x » Thu Jun 03, 2010 2:59 pm

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;
}

Image
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool

If you're not living on the edge ... you're taking up too much space!


User avatar
Expert Member

Posts

Joined
Sat Jun 28, 2008 1:09 am
Location - Tasmania, Australia
Who is online

Users browsing this forum: No registered users and 4 guests