Docs

[rcummings]

I have extra white space above my social media icons and below my “Written By” meta. You can see it on this page or view attached image.

I tried to add this to the customizer (and many variations) but to no success:

.entry-content {
margin-top: 0.25em !important;
}

The default top margin for .entry-content seems to be 1.25em. I would like to reduce that. Can you point me in the right direction? Note: I would only like this change to apply to blog content posts.

Many thanks,
Richard

[Rupok]

Hi Richard,

Thanks for writing in! Yes the code you mentioned will surely do the job :

.entry-content {
  margin-top: 0.25em;
}

I think you have unclosed code before this that might preventing this to be generated properly. You can share your all custom CSS here (wrap with code tag from toolbar) so that we can check for you.

Cheers!

[rcummings]

You are correct. I must have unclosed code b/c I moved the line to the top and and got it working.

Many thx!

Cheers,
Richard

[Rahul]

Glad it worked for you.

If you have anything else to ask, let us know. We’d be happy to assist you with everything.

Thank You.

[Simon M]

This CSS solution
.entry-content.content {
margin-top: -100px;
}

did fix the gap under the header issue as seen here: https://cl.ly/0Z082i1I1w0h
and fixed here https://cl.ly/122z0Z1S1m1z

However now my blog posts overlap the title, as seen here https://cl.ly/2a0G3K0t3x3R
I am not sure how to correct the gap issue without affecting the single posts.

[Jade]

HI Simon,

Would you mind providing your site URL so that we can check it?

Thank you.

[Jade]

HI Simon,

Please try this code:

.single-post .entry-title {
    margin-bottom: 20px;
}

If this doesn’t work, kindly provide your site URL so that we can check it?

Thank you.

[Author]

Posts