Grow your CSS skills. Land your dream job.

CSS Reset Help

  • # January 4, 2013 at 11:03 am

    When I applied the CSS reset my ul, li, and ol arent displaying like lists, unordered lists, and ordered lists. How can I put it back to default settings?

    # January 4, 2013 at 11:14 am

    Resets remove all the regular margins and list indications among reset other elements. You can either disinclude them from the rest if you want each browser to automatically style them.

    Alternatively, leave the reset and put something like the following rules after.

    For a UL it would be something like -

    ul { list-style: disc; margin-left: 15px; }

    For an OL it would be something like -

    ol { list-style: decimal ; margin-left: 15px; }

    You could go one further and sort out some line height on the LI’s -

    ul li, ol li { line-height: 1.5; }

    # January 4, 2013 at 11:55 am

    I’m trying to set it back to default in my site: http://michaelajfarrellfoundation.org/foundation/?page_id=8

    doesn’t seem to be working.. I tried for about 3 hours in Chrome Developer tools and can’t figure it out

    # January 4, 2013 at 12:17 pm

    Why not just remove the bits you don’t want from the reset?

    # January 4, 2013 at 1:12 pm

    I did that and now my navigation doesn’t work :(

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".