hold over/ highlight menu effect for Sidebar menu

Hello,

Is there any way to add the hold over/ highlight menu effect for Sidebar menu like this?
http://goo.gl/x7JXry

Thanks,
Giang Anh

It might be possible but I would need a live site to be able to check if it will work fine.

My site: http://jreplay.com/jreplay
I was able to add that effect on top menu but I cannot use that method for sidebar menu.

Thanks,
Giang Anh

Please edit: /templates/gk_game/css/override.css and add at its end:

Code: Select all

#gkSidebar .box.LIGHT {padding: 0px;}
.menuLIGHT li {padding: 0px;}
.menuLIGHT li a {padding: 10px 0 10px 20px; display: block;}
.menuLIGHT li a:hover {background: green; border-left: 2px solid red; padding-left: 18px; color: yellow;}


Modify background and colour to your liking.

Remember to enable "CSS override" in template settings - advanced section.