Menu Hover colour

• 

  belmontisamazing · Member · Jul 25, 2018 at 8:31 pm

  • Copy link
  • Add topic to favorites

  Hi,

  We need some help changing the colours of a few things on our website belmontlavan.com

  1. We need to change the “underline” in the main menu to a different colour
  2. We need to change the hover to a different colour.
  3. We have figured out how to change the top button, but not the colour of the bottom button text…
  4.. We are hoping to maintain the menu with scrolling, however, you will notice for some reason it “rises” when you scroll down, we are trying to figure out how to stop that.

  Any help with these aspects would be great!

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Jul 26, 2018 at 8:26 am

  • Copy link

  Hi there,

  1. We need to change the “underline” in the main menu to a different colour

  I don’t see any underlining of links in your menu, and I don’t see any custom CSS removing it. Do you mean you want to add it?

  2. We need to change the hover to a different colour.

  /*
  Change menu hover color
  */
  nav#site-navigation.navigation-main a:hover {
  	color: #003300;
  }

  3. We have figured out how to change the top button, but not the colour of the bottom button text…

  /*
  Change text color on button in HTML widget
  */
  .footer #custom_html-3 a {
  	color: #333;
  }
  
  .footer #custom_html-3 a:hover {
  	color: white;
  }

  4.. We are hoping to maintain the menu with scrolling, however, you will notice for some reason it “rises” when you scroll down, we are trying to figure out how to stop that.

  The menu is fixed at the top for me if I scroll. You appear to already have the following CSS code added to do that:

  .headerblock.standard {
  	position: fixed;
  	width: 100%;
  	z-index: 10;
  }