Reduce space between page titles and text/blocks

Hi there!

I’d like to know if there’s a way to reduce the space between page titles and text/blocks. What I want to do is to reduce or get rid of the white space that’s between the title “Contact” and the blue bar as seen here: http://stsloc.com/contact/

Thanks in advance!

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page .page-wrap .content-wrapper, 
    .single .page-wrap .content-wrapper {
      padding-top: 5px;
    }

Regards,
Kharis

1 Like

Hi Kharis,

Thanks a bunch for your prompt response!

It actually worked, but unfortunately, it’s not what I’m trying to do. It’s my fault, though, since I didn’t specify what blue bar I was talking about. Sorry, my bad. L

The space I want to reduce is the one that is between the “Contact” title and the blue bar below it. I’m attaching a screenshot so you can see what I’m talking about.

Could you please provide a solution for this? Thanks again and sorry for the inconvenience!

Cheers,

Lucano

No problem.

Try this code:

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

Regards,
Kharis

1 Like

Yes, it worked! The white space has been reduced and I’m very happy with the result! :slight_smile:

Thanks again, Kharis!

Cheers,

Luciano

You’re welcome Luciano!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

1 Like