Twenty Fourteen: customize secondary menu in left sidebar

• 

  marieevepreaux · Member · Jul 10, 2014 at 5:05 pm

  • Copy link
  • Add topic to favorites

  Hi!

  Id like to change the color of the little line between the secondary menu items. I tried adding a border, but that’s obviously not it.

  Also, I would like the color of the text of a selected item (when we are in said menu section that is) to be another color – how can i customize that?

  Thanks again for your help!

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

• 

  sandymcfadden · Member · Jul 10, 2014 at 6:10 pm

  • Copy link

  Hi Marieevepreaux,

  If you use the custom css feature and add the following I believe it will change the items you are looking for.

  .secondary-navigation li {
    border-color: <your color>;
  }
  
  .secondary-navigation li.focus a {
    color: <your color>;
  }

  Just specify the colors you would like for each.

• 

  marieevepreaux · Member · Jul 10, 2014 at 6:34 pm

  • Copy link

  Thank you!
  It worked well for all the separators but for the bottom one.
  Any idea why?

• 

  sandymcfadden · Member · Jul 10, 2014 at 6:41 pm

  • Copy link

  Sorry about that. It looks like it needs to be the following instead.

  .secondary-navigation, .secondary-navigation li {
    border-color: <your color>;
  }
  
  .secondary-navigation li.focus a {
    color: <your color>;
  }

• 

  marieevepreaux · Member · Jul 10, 2014 at 6:51 pm

  • Copy link

  Thank you! Worked perfectly fine!