removing bullets to menu

• 

  studiofournews · Member · Apr 28, 2012 at 6:36 am

  • Copy link
  • Add topic to favorites

  Hi

  I am trying to work my way through a few changes to the Twenty 11 theme, and am struggling to remove the bullets to the menus, linking to my pages and categories. Also, I would like to remove the underline and change the colour of the text when you hover over the menu text.

  Can you please advise the CSS code required?

  many thanks!!

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

• 

  thesacredpath · Member · Apr 28, 2012 at 7:12 am

  • Copy link

  This will get rid of the bullets in the sidebar, but leave them for the content area in case you would use any unordered lists in a post or page.

  #secondary ul {
  list-style: none;
  }

  Link hover color (edit as desired) and get rid of underline on hover.

  .widget a:hover, .widget a:focus, .widget a:active {
  text-decoration: none;
  color: #CC0000;
  }

• 

  studiofournews · Member · Apr 28, 2012 at 7:33 am

  • Copy link

  Thanks so much for your quick reply. One more question, what is the code to change the colour of the menu text…. I would like the static text to be grey, and then when you hover, to become black… is this possible?

  thanks again

• 

  thesacredpath · Member · Apr 28, 2012 at 7:47 am

  • Copy link

  Non-hover

  .widget a {
  color: #777777;
  }

  I’ve already given you the code to change the color of the hover text in the sidebar (second block of code above). Just change the color code to #000000 .