minimize space between menu-items/using text-shadow effect on menu

• 

  aristonfood · Member · Oct 30, 2013 at 12:31 am

  • Copy link
  • Add topic to favorites

  hello,

  could you advise me please:

  1.how can I minimize space between menu items (on main menu) ?

  2.how can I use text-shadow effect but on main menu only ?

  regards,

  Yannis Karikas

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

• 

  thesacredpath · Member · Oct 30, 2013 at 3:03 am

  • Copy link

  1. Add the following to reduce the spacing between menu items.

  nav[role="navigation"] li {
      margin-right: 0;
  }

  If that isn’t enough add a margin-left declaration and adjust it (both right and left were originally 2%)

  2. For text shadow, add the following which should target only top level menu items.

  nav ul li a {
      text-shadow: 1px 1px 1px #CCCCCC;
  }

• 

  thesacredpath · Member · Oct 30, 2013 at 3:19 am

  • Copy link

  Oh yeah, and on the text shadow, the first value is the horizontal shadow, the second the vertical and the third the blur distance. The fourth of course is the color of the shadow. You can play with any and all of those to see the effects.