Removing a random blank space caused by CSS

Question

I'm creating a theme for Tumblr and locally everything works fine. Yet when I paste the code into the Tumblr editor and preview it on the site a blank space appears on the top of the page. I've looked through the css and cannot figure out why it's appearing. Any ideas I've tried everything.

Tumblr address is http://storyline-expose.tumblr.com password for it is WIP

Screenshot of the problem:

The password is WIP, I posted it above. Thanks for looking into it. — Carlos Perez, Dec 09 '13 at 03:26
@CarlosPerez: Please add a relevant screenshot so this question retains value for future visitors. — Colin Brock, Dec 09 '13 at 03:33

score 5 · Accepted Answer · answered Dec 09 '13 at 03:31

5

Add margin-top:0 to .blogTitle

answered Dec 09 '13 at 03:31

Zach Saucier

24,871
12
85
147

score 2 · Answer 2 · edited May 23 '17 at 10:32

2

The problem comes with the <h1 class = "blogTitle"> and is well described here:

Margin on child element moves parent element

Another solution (besides Zach's) is to set overflow of the parent element to 0:

.headCoverWrapper { overflow: auto; }

edited May 23 '17 at 10:32

Community

1
1

answered Dec 09 '13 at 03:33

Francisco Presencia

8,732
6
46
90

You'd apply `overflow:auto` to the parent, `headCoverText`, not the element itself – Zach Saucier Dec 09 '13 at 03:40
Apparently is not the direct parent, after some tests, it should be on `.headCoverWrapper`. Changed in the answer. – Francisco Presencia Dec 09 '13 at 03:41

Removing a random blank space caused by CSS

2 Answers2