Jump to content


Photo

Hover Effect for Drop Down Menu in EcoPro


  • Please log in to reply
3 replies to this topic

#1 grimus151

grimus151

    Member

  • Members
  • PipPip
  • 13 posts

Posted 14 October 2011 - 11:44 AM

To Whom It May Concern: Please advise how to enable a hover color in the drop-down menu in the EcoPro theme. On my site, http://naturespropa.com, the menu item "Services" has a drop-down menu, but I cannot figure out how to enable a hover color for the items in the drop-down menu.

#2 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 14 October 2011 - 05:35 PM

Use the following in your custom CSS and change the colors as needed:

 #nav ul.dropdown a:hover, #nav ul.dropdown li.menuhover > a {
	    background-color: #FFFFFF; /*THE HOVER BACKGROUND COLOR*/
	    border-color: #EEEEEE #EEEEEE -moz-use-text-color; /*THE HOVER BORDER COLOR*/
	}
	#nav ul li a:hover {
	    color: #6D9F23; /*THE HOVER TEXT COLOR*/
	}

Hope that helps!

#3 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 14 October 2011 - 05:35 PM

PS. The link you provided doesn't work. ;)

#4 grimus151

grimus151

    Member

  • Members
  • PipPip
  • 13 posts

Posted 15 October 2011 - 08:29 PM

sorry the link is naturescarepa.com