custom navigation bar

• 

  remehtemehmedia · Member · Nov 10, 2014 at 7:19 am

  • Copy link
  • Add topic to favorites

  Hello, please help. I want to modify my navigation bar with something that look attractive. The recent update I made resulting my navigation bar and the rest of the links highlighted with background color. While I just want the background color on my navigation bar.

  If it’s possible, I want CSS script to look something like this site http://neilcarpenter.com/. A combination of background image and change color on its menu when it’s hovered.

  Thanks a lot in advance.

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

• 

  hallluke · Member · Nov 10, 2014 at 2:50 pm

  • Copy link

  First you should remove the last rule in your existing custom CSS, that will stop the background colour being applied to all links. Then you can use CSS like the example below to target just your menu links (and in this case just the first-level menu links, so the drop-down links remain unchanged):

  #menu-menu-1>li>a {
    background-color:#f00;
    border-radius:5px;
    color:#fff;
    padding:5px;
  }
  
  #menu-menu-1>li>a:hover {
    background-color:#B51C1C;
  }

• 

  remehtemehmedia · Member · Nov 11, 2014 at 12:53 pm

  • Copy link

  Thank you so much, man. It works fine.