Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Change Top_Menu Rollover images  (Read 5757 times)

Offline marushin

  • Newbie
  • *
  • Posts: 2
  • Karma: +1/-0
  • Marushin New Zealand
    • View Profile
    • Marushin New Zealand
Change Top_Menu Rollover images
« 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!

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Change Top_Menu Rollover images
« Reply #1 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

Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline marushin

  • Newbie
  • *
  • Posts: 2
  • Karma: +1/-0
  • Marushin New Zealand
    • View Profile
    • Marushin New Zealand
Re: Change Top_Menu Rollover images
« Reply #2 on: July 22, 2013, 04:38:01 AM »
Brilliant! With a wee bit of figuring out I got it :) Thanks for your help!

 

Powered by SMFPacks Social Login Mod