Trying to get rid of bullet point on right hand links widget

• 

  mylesformby · Member · Apr 23, 2012 at 8:06 am

  • Copy link
  • Add topic to favorites

  Hi helpful people. I’m trying to get rid of the bullet points from my LINKS widget with no luck. I’ve tried just about every thing I can find nothing working.
  http://pavementportraits.com
  Tried this amongst other things:
  
#menu li {
list-style: none;
}


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

• 

  designsimply · Member · Apr 24, 2012 at 11:24 pm

  • Copy link

  First, note that “#menu” is most often used for the top navigation menu and not for widgets. The trick here is to find the right selector, and you’ve added a selector. Here’s how to find it:

  If you look at the HTML for your home page, you’ll see that the links widget uses “blogroll” as one of its classes. Here is the current links widget HTML so you can see what I’m referring to:

  <ul class="xoxo blogroll">
  <li><a href="mailto:(email visible only to moderators and staff)" title="Contact Pavement Portraits.com">Email</a></li>
  </ul>

  So you can use “.blogroll” to target just that list. To remove the bullets, you would add something like this to your Appearance → Custom Design → CSS page:

  .blogroll {
  	list-style-type: none;
  }