I currently am using a custom LI style to present images of YouTube clips. The style seems to be working as intended. The issue is that SharePoint is also applying a bullet on the side of each image in the list. I presume there is a style I need to override. How would I go about overriding this so I only see my intended style.

2 Answers 2


I'm assuming you have an UL/OL tag with a custom CSS class.

If you do something like this, it should kill the bullets:

ul.YOURCLASS { list-style-type: none; }

  • I do. I have a UL wrapped around the LI's that are using a custom class. I will give this a try. Oct 6, 2011 at 19:43

See this http://css-tricks.com/2708-override-inline-styles-with-css/ Use this "!important;" Hope that helps Patrick

  • 1
    I will continue to down vote suggestions to use !important. If you write accurate and correct markup, and have the prioritization correct, !important is not needed. The use of this attribute is a bad practice in every element of web design/development, not just SharePoint. It is so frustrating to see this "solution" continuing to be offered. It is a shortcut solution to learning how CSS priorities are determined.
    – webdes03
    Oct 7, 2011 at 1:14
  • webdes03 i don't need to write CSS very often.Can you send me a post or an article i can read from you to explain the reason to stop this habit?
    – naijacoder
    Oct 7, 2011 at 5:15
  • Sure, I wrote this one the other day: mike-greene.com/2011/10/…. A quick internet search should yield some good results too, including this post: coding.smashingmagazine.com/2010/11/02/….
    – webdes03
    Oct 7, 2011 at 14:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.