Changing Border Colour

• 

  brashleyphotography · Member · Dec 2, 2014 at 10:54 pm

  • Copy link
  • Add topic to favorites

  I am using the Goran theme and I want to change the bottom border colour

  I have used this CSS

  .footer-widget-area .menu-item .dropdown-toggle:hover, .site-content .menu-item .dropdown-toggle:hover, .large-screen .menu-primary .sub-menu, .large-screen .main-navigation .menu-item .dropdown-toggle, .large-screen .main-navigation .menu-item .dropdown-toggle:focus {
  	border-color: #8E8D8D;
  }

  and no matter what I add I can’t remove red line at the bottom…

  as per this screenshot

  

  Any ideas on what CSS I can use?

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

• 

  thesacredpath · Member · Dec 3, 2014 at 1:52 am

  • Copy link

  To change the bottom border color on the submenu items in Goran, add the following CSS and then edit the color code as desired.

  .large-screen .main-navigation ul ul li {
      border-bottom-color: #e57066;
  }

• 

  brashleyphotography · Member · Dec 3, 2014 at 8:24 am

  • Copy link

  Thank you, that works lovely.

• 

  thesacredpath · Member · Dec 3, 2014 at 8:37 pm

  • Copy link

  You are welcome.

• 

  clundmark · Member · Dec 4, 2014 at 8:40 pm

  • Copy link

  I am pretty sure the border in the menu is set by custom color Accent Three. You will need to remove any related custom .css to try it.