WordPress.org

1. shotbag
   Member
   Posted 7 months 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. flashbuddy
   Member
   Posted 7 months ago #

   a url is worth a thousand words.

3. shotbag
   Member
   Posted 7 months 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. flashbuddy
   Member
   Posted 7 months 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 7 months 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 7 months 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 1 month 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. flashbuddy
   Member
   Posted 1 month ago #

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

9. maurizio04
   Member
   Posted 1 month ago #

   Favicon:

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

Reply

You must log in to post.