Large space between header & content

Hello,

Love the theme! I’m working on a WordPress offline (so I can’t yet provide a link). I’ve done no custom editing, other than the options available in the Customizer and within the widgets on the pages and posts. However, there is a larger gap between the bottom of my header image (which I selected in Customizer - its at the default 300px) and the start of the content…anything I enter into the body of the page, whether it be text or rows with widgets. In other words, the white space is larger (taller) on my page than on the demo. Any ideas as to why this could be?

Thanks!

That can be a css problem, can you put a screenshot?

Yes, here is a link for the screenshot.

Is it possible to fix this? Thanks!

Thank you for more information its for sure css issue, if i can see live site i can say exactly where is the problem. but since you are working on localhost you can try playing with .page-wrap its like that on default

.page-wrap {
  padding: 25px 0 100px;
  clear: both;
}

you can change it like

.page-wrap {
  padding: 83px 0 100px;
  clear: both;
  margin-top: -112px;
}

increse or decrese this margin-top: -112px;

also dont forget to make changes with this plugin for dont lose them after theme update / dont mess the style.css

let us know if its fixed

1 Like

Thank you! Mine was set to

.page-wrap {
  padding: 83px 0 100px;
  clear: both;
}

by default - but I have changed it to add the negative top margin of -112px and it seems to have decreased the gap substantially. Am I correct that I need to create a child theme in order to not lose my changes in a future update?

Yes child theme will do the same as custom css plugin if you create style css for that theme :slight_smile: just dont make changes to main theme’s style file

you are welcome im updating thi topic as solved

Hello!
I have the same problem, as in this topic.
But the playing with .page-wrap had not result.
Im not good knowledgeable in css. Can you help me? Wed site with problem http://lp.nihao-tao.com/

Hi,

 .page .entry-header

 .page-wrap

.page-wrap .content-wrapper

Please check this three code lines in css and disable their padding and margins top-bot

Thanks for ur reply.

I changed it, but any result.

.page .entry-header http://clip2net.com/s/3jUx5ax
.page-wrap .content-wrapper http://clip2net.com/s/3jUxkOm
.page-wrap http://clip2net.com/s/3jUxs8Y

do you work online? because i still see same codes on your site and i was trying to fix that white space http://clip2net.com/s/3jUzHNc

Yes, I working online.
In style.css changes are preserved.
I dont know why changes was not update in the code.
How I can fix it?

please try to add codes using this plugin, never change template’s core files always use plugin or child theme to make changes sir.

Thanks, I changed style.css to the standart settings and change css via plagin.
As I see, the space became much smoller, but not enought.

please add this code also:

.page-wrap .content-wrapper {
  padding-top: 0px;
  padding-bottom: 15px;
  background-color: #fff;
}

.single .entry-header, .page .entry-header {
  margin-bottom: 0px;
}

that will fix it for sure. Feel free to ask more questions

Unfortunately, still space :frowning:
Maybe I do something wrong? Can I send you my login and password and you try to fix it? Sorry for asking, I really wasting too much your time.

no problem please send it to orenaksakal(at)hotmail.com i will look to it by tomorrow morning 01:03 am here right now.

im fixed it there was /* and *\ css comment types thats because your code wasnt working

Hi, I seem to be having the same problem. On all my pages I have a big white gap before any of my pictures or writing show up, and also between widgets there are wide gaps. Just a beginner with this so getting a bit confused with the css codes, i’ve typed a few in on one of my pages but none of them seem to work.

Hi,

Great! I’m glad it’s resolved! If you need help with anything else, please open a new topic.

Have a nice day!

Best Regards,
Csaba

Hi, I have large space between footer and the content and unable to remove it