Menu Hover Color (Echelon)

(9 posts) (3 voices)

1. 

   cxxlos
   Member

   Hello Elliott,

   I was wondering if you can assist me with adding a hover color to the menu in your Echelon theme. By default there is no option for this. Please advise. Thank you.

   Posted 9 months ago #
2. 

   Elliott
   Support

   Hello cxxlos,

   For some reason the Echelon cufon font hovers are not wanting to play nice. I'll take a closer look tomorrow morning.

   Posted 9 months ago #
3. 

   cxxlos
   Member

   Great, Thank you.

   Posted 9 months ago #
4. 

   Elliott
   Support

   Still couldn't figure it out but I think we can do this,

   Navigate to Dashboard -> Echelon -> General Settings -> Custom Javascript and add this,

   jQuery('.jqueryslidemenu li a').hover(function(){ jQuery('span', this).css('color', 'red'); Cufon.replace(this); }, function(){ jQuery('span', this).css('color', 'blue'); Cufon.replace(this); });

   You'll want to change the "red" and "blue" to your own colors. Also, if it changes your font as well then you'll need to reference whatever font your using like so,

   Cufon.replace(this, { fontFamily: 'Myriad Pro' });

   Posted 9 months ago #
5. 

   cxxlos
   Member

   Sorry,

   That custom js did not work for me. There was no change. I tried refreshing and a cached dump. I also tried disabling the cufon font by using a websafe font instead.

   Posted 9 months ago #
6. 

   Elliott
   Support

   Go ahead and PM us a Wordpress login so we can take a closer look.

   Posted 9 months ago #
7. 

   Elliott
   Support

   You placed it in the Custom CSS section when it needs to be in the Custom Javascript section.

   Posted 9 months ago #
8. 

   cxxlos
   Member

   Wow, honest mistake. Thanks Elliott! Your custom js worked perfectly. Problem solved.

   Posted 9 months ago #
9. 

   foryourinfo
   Member

   Thanka loads.

   Cheers Tom

   Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.