How to change menu border/top line color

• 

  qdeesworldwide · Member · Feb 13, 2017 at 1:53 am

  • Copy link
  • Add topic to favorites

  Hi I am using the theme in the link below and I’m wondering how do you change the menu border or top line color along with the dropdown menu’s outline color

  https://blinkdemo.wordpress.com/

  Please help. It’s pretty urgent and I tried looking everywhere and couldn’t find a code that works for this.

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

• 

  qdeesworldwide · Member · Feb 13, 2017 at 2:06 am

  • Copy link

  I have changed the border colors but I notice upon hovering over menu options that the top line and dropdown menu line still appears black

• 

  thesacredpath · Member · Feb 15, 2017 at 2:29 am

  • Copy link

  To change the top border color to the blue you have for the hover color on the text, add the following custom CSS.

  div.primary-menu > ul .current-menu-item > a::before, .primary-menu .current-menu-item > a::before {
  	background-color: #1a1aff;
  }
  div.primary-menu > ul > li:hover > a::before, .primary-menu > li:hover > a::before {
  	background-color: #1a1aff;
  }

  For the top and bottom border on the submenu, add the following.

  .main-navigation ul ul {
  	background-color: #1a1aff;
  }

• 

  qdeesworldwide · Member · Feb 16, 2017 at 1:53 am

  • Copy link

  Thank you so much, it worked!

• 

  thesacredpath · Member · Feb 16, 2017 at 6:05 pm

  • Copy link

  Awesome, and you are welcome!