• Hi all,

    I’ve got an unordered list in one of my posts that goes something like this:

    <strong>Objectives</strong>
    <ul>
    	<li>Item 1</li>
    	<li>Item 2</li>
    </ul>

    When displayed, there is a space above the first line item that I’d like to get rid of. I think I figured out that I have to modify the base.css file and add something like {margin-top: 0; padding=0;}

    But for the life of me I can’t get it to work. Am I looking in the wrong place? Do I need to modify this code in more than one place?

    I’m modifying it in base.css in this section, like this: (And it doesn’t work)

    /* Lists: (ul, ol, dl) */
    ul, ol, dl { margin-left: 15px; margin-top: 0; padding: 0; }
    .nav { margin-left: 0px; margin-top: 0; }
    .entry-content ul, .entry-content ol, #search-query { margin-left: 25px; margin-top: 0; }
    
    li ul, li ol { margin-top: 0; margin-bottom: 0; padding: 0; }
    ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; padding: 0; }
    
    ol { list-style-type: decimal; }
    
    ul, ul ul, ul ul ul { list-style-type:none;list-style-image:url('../images/list-style.gif'); }

    Any help would be much appreciated! Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Theme: EvoLve] How to remove spacing above list items’ is closed to new replies.