treehouse : what would you like to learn today?
Web Design Web Development iOS Development

How do I remove list bullets?

  • I am am having trouble removing list bullets on my on line resume. I have tried the following :

    .nobull {
    list-style: none;
    list-style-type: none;
    }
    -And clearing my browser cache. Here in a link to the resume.

    -Does your list (ul or ol), or the child li elements have the relevant class name

    -You have quite a lot CSS references in your code that spit out 404 HTML instead of CSS. You should fix them
    - ul {
    list-style-type:none !important;
    ul
    {
    list-style: none;
    margin: 0;
    }
    ul.has-bullets
    {
    list-style: none outside disc;
    margin-left: 18px;
    }
  • Do you have a link?
  • Looks like it's working fine to me.

    Also, there is a lot of code going on that doesn't need to be there.
  • Please be specific
  • I can't actually see where you're trying to remove bullets. The only place I see the .nobull class is on the p tags in your main content section. You might wanna fix how you're doing that as well, as you've got a lot of random breaks and multi-line's in your paragraph tags. For the bottom part of your resume a list would be perfect for that, so I'm not sure why you're using a p tag.
  • In this section of css you have try including, list-style: none

    html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    list-style:none;
    }