WordPress.org

Forums

[Theme: EvoLve] How to remove spacing above list items (9 posts)

  1. shotbag
    Member
    Posted 3 years ago #

    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!

  2. Flash Buddy
    Member
    Posted 3 years ago #

    a url is worth a thousand words.

  3. shotbag
    Member
    Posted 3 years ago #

    No url sorry, as the site is not live yet.

    I'll try to give you a pictorial representation - it looks like this:

    Objectives

    • Item 1
    • Item 2

    I'd like to remove the gap before the first list item.

  4. Flash Buddy
    Member
    Posted 3 years ago #

    You are on the right track by editing the css. Let me know when you have a live url that demonstrates the problem.

  5. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    Easiest way, since we can't see a live site, is to install the firebug addon for firefox

    This will let you point to elements on your page and see where the space is coming from

    A margin or padding could be inherited from a variety of places, in firebug you can see the exact rule and file which is applying, then you can modify it, or create a more specific rule

  6. shotbag
    Member
    Posted 3 years ago #

    RIght-o!

    Thanks everyone for your responses. Here's a URL now:
    http://backtoschool.publichouse.sg/2011/jc-poly/mandatory-death-penalty/

    If you look under Lesson 1, there is a list of objectives, and it gives you an idea of what I'm talking about. It was coded with simple

      and
    • tags. How can I get rid of the gap just after Objectives?

      Thanks!

  7. Durgesh Jha
    Member
    Posted 3 years ago #

    how can i change the favicon icon of evolve themes rely sme soon at [email signature moderated - the forum does not provide email support]

  8. Flash Buddy
    Member
    Posted 3 years ago #

    Favions, great idea. Look here: http://bit.ly/HQDZbe

  9. maurizio04
    Member
    Posted 3 years ago #

    Favicon:

    Just put a favicon.ico on the root folder, every browser will get it.

Topic Closed

This topic has been closed to new replies.

About this Topic