How can I get rid of the extra space between my header and main body?
-
There is too much space between header and main body on my homepage.
Also there are 2 light grey lines. http://test.pommedorange.com/
I would like to get rid of the lines and the space in between them.
Can anyone help? Thanks!The blog I need help with is: (visible only to logged in users)
-
Hi! This css will remove the space along with the grey lines:
.home #gk-mainbody article { border-top: none; padding-top: none; } #gk-mainbody article > header + #gk-social-api { border-bottom: none; margin-top: none; } -
Thanks for your help.
This took care of the grey lines :-)
However, there is still quite a bit of space between top menu and mainbody (slider). Any idea how to make that a bit smaller?Thank you
-
Ah, something must be overriding the padding removal. Try adding !important to the first padding-top: none:
.home #gk-mainbody article { border-top: none; padding-top: none !important; } -
Thanks, I tried 3 times. Didn’t work unfortunately…
Maybe it just has to stay like this:
http://test.pommedorange.com/ -
Oops – my mistake, had a bug in my own code (margin and padding require a number, can’t use ‘none’). I also added some modifications, should look good now!
.home #gk-mainbody article { border-top: none; padding-top: 0; } #gk-mainbody article > header + #gk-social-api { border-bottom: none; margin-top: 0; padding: 0; } #gk-mainbody article > header { margin: 0; } -
To remove even more whitespace add one or both of these as well:
#gk-mainbody article > header { margin: 0; } #gk-mainbody > article .content { padding: 0; } -
-
- The topic ‘How can I get rid of the extra space between my header and main body?’ is closed to new replies.
WordPress.com Forums 