tarheels
tarheels

Reputation: 249

How to adjust spacing between list items in MediaWiki?

In the MediaWiki that I host, unordered lists have awkward spacing, particularly between items at different levels. You can see this in the image below where the vertical spacing between a second level item (Banana) and its parent (Apple) is larger than that between the the second level item and the proceeding item (Orange).

Example of list format.

So far, I've tried adding some CSS to MediaWiki:Common.css to correct the issue. I'm no CSS expert, so it's mostly trial and error. My best guess was that the margin-top of ul is set too large, so I tried adding the following CSS:

li { padding: 0px; margin: 0px; }
ul { padding-top: 0px; margin-top: 0px; }

Unfortunately, this didn't seem to help. How can I remove this additional spacing?

Upvotes: 0

Views: 341

Answers (1)

Saurav Prasad
Saurav Prasad

Reputation: 58

you can try to use "line-height" in the css

li{line-height:16px;}

or you can use debugging tool of chrome to know weather it is padding or margin

Upvotes: 2

Related Questions