AbanteCart Community

AbanteCart Development => Customization help => Topic started by: marushin on July 21, 2013, 08:17:40 PM

Title: Change Top_Menu Rollover images
Post by: marushin on July 21, 2013, 08:17:40 PM

Hi,

I'm using the HTML 5 template in AbanteCart Cart 1.1.5. I have added a button to the Top Menu - "Retailers". However, the icon beside it is the same as the "Home" button, and does not change when scrolled over. See here: marushin.2drivesafe.com

1. How do I change the icon?
2. How can I make the image a rollover image?

Thanks!

Title: Re: Change Top_Menu Rollover images
Post by: abantecart on July 21, 2013, 10:24:21 PM

There is an icons image sprite used to show this icon
http://marushin.2drivesafe.com/storefront/view/default_html5/image/sprite.png

This is controlled by css class: #topnav ul li a.menu_home

You can create a new class entry: #topnav ul li a.menu_retailers with new icon image

Title: Re: Change Top_Menu Rollover images
Post by: marushin on July 22, 2013, 04:38:01 AM

Brilliant! With a wee bit of figuring out I got it :) Thanks for your help!