Navigation Menu Font Color

• 

  musicus1685 · Member · Apr 9, 2014 at 12:46 am

  • Copy link
  • Add topic to favorites

  I am using the Sight theme and have purchased the customization upgrade. I would like to change the top level of the navigation menu so that the first letter of the menu tab is a different color from the rest of the letters.

  So, the first nav menu label is: Themes and the menu font is black when the mouse is not over the menu.
  I would like for the letter T to be a rich blue and the rest of the letters (hemes) to remain the way they are.

  Is this possible?

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

• 

  thesacredpath · Member · Apr 9, 2014 at 6:04 am

  • Copy link

  Hi there, the following specifically targets the first letter on the first menu item on the left (Themes). You can adjust the color as desired, and you can, if you wish, make it bold since it isn’t too visible unless you do.

  #menu-item-31 a:first-letter {
      color: #0044ff;
      font-weight: bold;
  }

  If you wish to change the colors of other first letters separately, you will need to look at the HTML (view source) and get the menu ID numbers for those menus and substitute them in for the “31” in the above example.

• 

  musicus1685 · Member · Apr 9, 2014 at 6:40 pm

  • Copy link

  Great, I’ll give it a try. Thank you!
  DC

• 

  thesacredpath · Member · Apr 9, 2014 at 7:45 pm

  • Copy link

  You are welcome.