Treehouse: Grow your CSS skills. Land your dream job.

override style none

  • # March 6, 2013 at 2:17 pm

    I’m trying to edit a css file and when I look on firebug it shows in the list-style there’s none. I’m trying to add square bullets to it but they wont show up due to “none” appearing. I’m not sure where it’s appearing from also.

    Is there a way to override it?

    # March 6, 2013 at 2:18 pm

    There always is, but without live site or codepen it’s hard to help.

    # March 6, 2013 at 2:40 pm

    #content ol {
    float: left;
    list-style: none;

    Line 623

    # March 6, 2013 at 6:17 pm

    I removed it and none is still appearing from I’m not sure where.

    # March 6, 2013 at 6:28 pm

    line 554 of styles.css

    #content .entry-content ol {
    list-style: decimal-leading-zero outside none;

    # March 6, 2013 at 6:31 pm

    When I go into the css file it appears like so

    #content .entry-content ol {
    list-style: dcimal-leading-zero;

    But like you posted above, when I view it in firebug I’m not sure where this extra stuff is coming from in the css(outside none;).

    I looked through the css and I can’t see any other styles with ol

    # March 6, 2013 at 6:47 pm

    right you are – my mistake. I took Firebug too literally. At any rate, it’s not showing because it’s defaulting to outside and you have no left margin or padding.

    if you want to add a square bullet, why use an ol and not a ul?

    # March 6, 2013 at 6:50 pm

    my god! something so simple and I couldn’t figure that out lol. Man do I ever hate when that happens.

    Thank you so much :D my brain needs a rest after that.

    # March 7, 2013 at 12:28 am


Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.