CODEWITHSUNDEEP
javascriptcssjqueryjquery-mobile
Ballu Rocks
Ballu Rocks

Reputation: 1226

How to remove the space between header and the page content in jquery?

I would like to remove the space below the header and the first content , If you see the jsfiddle link . These is a space between the header "header" and "i'm list0" . I want to remove the space between them . So i have used

margin-top:5px;

for list, it doesn't work . so i tried for margin-bottom:-5px for header also ..It doesn;t work any case i have used.

http://jsfiddle.net/WPpfZ/25/

Upvotes: 0

Views: 2867

Answers (2)

ajtrichards
ajtrichards

Reputation: 30565

If you use:

.ui-content {
    padding-top: 0 !important;   
}

I've added the !important option just incase it's overwritten

Upvotes: 1

jcsanyi
jcsanyi

Reputation: 8174

There's a 15px padding, not on the header or the list, but on the content div that's around both list items. This will remove it:

.ui-content {
    padding-top: 0px;
}

Upvotes: 7

Related Questions