Docs

[lisacole1]

Hi
On http://www.kentbabymatters.org/who-to-speak-to/
I’d like the top line of the post, which is a H1 to line up with the top of the sidebar.

I’ve tried

h1, .h1{
margin-top: 0px;
font-size:32px;
}

but it’s not making any difference. There is no space in the page itself.
any ideas appreciated, it would be great if we had easier control over the automatic spacing.

[lisacole1]

I’ve taken off that code because it was messing up the front page, so I just need some way of making the top of the h1 on posts and pages line up with the sidebar

[Joao]

Hi There,

Can you try:

.single-post .entry-content h1, .single-post .entry-content .h1 {
margin-top: 0px;
font-size:32px;
}

Hope that helps,

Joao

[lisacole1]

Thank you – it’s not just the h1 though – have a look at this page

Promotional Resources

[lisacole1]

Sorry but the H1 still doesn’t line up with the sidebar either

Who do I need to speak to?

If I use inspect element I can see that the div.entry.wrap is taking up that space but I don’t know how to correct it

[Rue Nel]

Hello There,

To resolve this issue, please also add the following css code in the customizer, Appearance > Customize > Custom > CSS

.single-post .entry-content h1, 
.single-post .entry-content .h1,
.page .entry-content h1, 
.page .entry-content .h1 {
    margin-top: 0;
}

.single-post .entry-content.content,
.page .entry-content.content {
    margin-top: 0;
}

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

http://prntscr.com/be64xh
http://prntscr.com/be65xs

Hope this helps.

[lisacole1]

better, but still happening on h2

Professional Resources

[Paul R]

Hi Lisa,

Please add mtn class to all your first headline

eg.

<h2 class="mtn">These resources are provided for Breastfeeding Specialists and Health Professionals</h2>

mtn means Margin Top None.

Thanks

[lisacole1]

Hi. I really need this so the client can just add pages and posts, I can’t expect them to do any coding. Is there another way please.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.single-post .entry-content h2, 
.single-post .entry-content .h2,
.page .entry-content h2, 
.page .entry-content .h2 {
    margin-top: 0;
}

Hope that helps.

[lisacole1]

totally perfect! thank you so much!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts