Jump to content


Photo

Menu on hover


  • Please log in to reply
7 replies to this topic

#1 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 01:05 PM

Hi, looked thru topics and found some solutions to killing the grey on hover but none seem to work.... thoughts?? #brandnav ul#menu-main-menu li.menu-item a:hover { background-color: #ffffff !important; } {background-color:#ffffff !important;} .main_nav .main-nav li a:hover, #grandchildnav .current_page_item a, #grandchildnav li a:hover, #grandchildnav .current_page_item ul li a:hover, .sf-menu li:hover, .sf-menu li.sfHover { background-color: #ffffff; color: #135C60; }

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16555 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2012 - 01:30 PM

Hi Scoop, Can you post a link to your site please.

#3 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 02:03 PM

Thanks Danny - forgot! http://demo.pagelines.com/scoop/

#4 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 02:24 PM

Realized that I was asking the wrong question - what I want to change is the color of the current page marker (as well as the submenu hovers & current mark - but i think i know where to find the submenu code... so need to change the current mark to transparent or white.... thanks!

#5 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 25 January 2012 - 02:56 PM

so now i have no change at all and this is in my custom code: {background-color:#ffffff !important;} .main_nav .main-nav li a:hover, #grandchildnav .current_page_item a, #grandchildnav li a:hover, #grandchildnav .current_page_item ul li a:hover, .sf-menu li:hover, .sf-menu li.sfHover { background-color: #ffffff; color: #135C60; } /* THIS ALLOWS YOU CHANGE THE BACKGROUND COLOR OF THE LINK WHEN YOU HOVER OVER IT */ #secondnav li a:hover { background: #FFFFFF; } /* THIS ALLOWS YOU TO ADD A UNDERLINE WHEN HOVERING OVER THE LINK */ #secondnav li a:hover { text-decoration: underline; } /* THIS ALLOWS YOU TO CHANGE THE COLOR OF THE LINK WHEN HOVERING OVER THE LINK */ #secondnav li a:hover { color:#135C60; } /* CSS FOR ACTIVE MENU ITEM, USEFUL FOR DROP DOWN MENUS */ .main-nav li.current-page-ancestor a:active, .main-nav li.current_page_item a:active, .main-nav li.current-page-ancestor ul a:active, .main-nav li.current_page_item ul a:active { background-color: #FFffff; color: #135C60; } /* CSS FOR CURRENT PAGE MENU ITEM */ .main-nav li.current-page-ancestor a, .main-nav li.current_page_item a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item ul a.sf-menu li li { background-color: #FFffff; color: #135C60; }

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 January 2012 - 08:28 PM

Scoop,

Here's some code I helped another client with that may be helpful. You'll need to adjust it to suit your own needs and select the bits that apply. They're labelled:
 /* NAV BACKGROUND AND BORDER UNDER NAV */
	.navigation_wrap {
	    border-bottom: 1px solid #bcbcbc !important;
	    background-color: #e8ecef !important;
	}
	
	/* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND (NO HOVER) */
	.main-nav li a {
	    background-color: #e8ecef !important;
	    color: #3f95c7 !important;
	}
	
	/* TO CHANGE THE COLOR OF THE NAV TEXT AND BACKGROUND ON HOVER */
	.main-nav li a:hover {
	    background-color: #ffffff !important;
	    color: #ff9c00 !important;
	}
	
	/* TO MAKE THE ACTIVE MENU APPEAR LIKE THE REST */
	.main-nav .current-menu-item a, .main-nav .current-menu-item ul li a:hover {
	    background-color: #ffffff !important;
	    color: #ff9c00 !important;
	}
	.main-nav .current-menu-item ul li a {
	    background-color: #e8ecef !important;
	    color: #3f95c7 !important;
	}

Since this is a demo, I am changing the location from Customizations to PageLines Free.

#7 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 26 January 2012 - 01:16 PM

Thank you - will try it and let you know!

#8 scoop

scoop

    Super Member

  • Members
  • 207 posts
  • LocationHK/USA
  • Framework Version:2.3.8
  • Country: Country Flag

Posted 29 January 2012 - 07:44 AM

This answer was not accepted by me - it didn't work - have been waiting for more help on it..... HELP client wants to see it! S