[Theme: EvoLve] How to remove spacing above list items
-
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!
-
a url is worth a thousand words.
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.
You are on the right track by editing the css. Let me know when you have a live url that demonstrates the problem.
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
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!
how can i change the favicon icon of evolve themes rely sme soon at [email signature moderated – the forum does not provide email support]
Favions, great idea. Look here: http://bit.ly/HQDZbe
Favicon:
Just put a favicon.ico on the root folder, every browser will get it.
The topic ‘[Theme: EvoLve] How to remove spacing above list items’ is closed to new replies.