Docs

[nexus77]

I have read and tried multiple css adjustments on these forums, and nothing I do seems to help me eliminate the large white space between the title and the top menu on pages like the ones below. I would like to eliminate that space on the entire site. Thanks so much!

http://transformationmemphis.com/eating_disorders_main.html
http://transformationmemphis.com/adolescent-eating-disorder-summer-program.html

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.page .entry-wrap {
	padding-top: 0;
}

The remaining gap is the Title’s top margin. So if you need to remove or adjust that gap as well, you can update your title code to this:

<h1 style="text-align: center;margin-top:5px;" align="center">Memphis Eating Disorders Info, Help, and Resources</h1>

Hope it helps, Cheers!

[nexus77]

THANK YOU!!! 🙂

[nexus77]

Is there a way to do this globally? I tried the global css entering
h1, h2, h3 {
margin-top:0;
}

but that didn’t seem to work. Trying to do what you did here, but sitewide:
<h1 style=”text-align: center;margin-top:5px;” align=”center”>Memphis Eating Disorders Info, Help, and Resources</h1>

[Darshana]

Hi there,

Try adding the following CSS rule.

h1, h2, h3 {
  margin-top:0 !important;
}

Hope that helps.

[Author]

Posts