Reduce header size and space between header and page content

Shapely
1

Hello! I have tried already many CCS changes recommended in Internet and related to my problem, but nothing worked…
I need to reduce header height and the space between header and start of page content.

Could you please advice on it. The link is http://marinasmnv.com/

Thank you very much in advance!
Marina

2

hey there

Hope you are having a good day and thank you for your question
Please add this CSS in appearance - customize - additional CSS

#shapely_home_parallax-2 > .cover {
padding: 0px !important;
}

p.s. please populate your header with the menus

Thanks!
Colorlib Support Team

3

Dear Noda
Thank you very much for response! I tried, but it did not work.
Once more: I need to reduce size (height) of the HEADER and distance between header and content of the page for ALL PAGES that I create (not for front main page) and for all posts.

Thank you in advance!
Marina

4

hello Marina

thank you for kindness :slight_smile:
sorry but I can’t see any page to see the problem, can you give me a url of one on the page where i can see the problem?

5

Hi Noda
Here are the links for pages I created. It is still a draft, but for me Header ( I put picture there) and its distance between page content seem too big, in terms of height.
http://marinasmnv.com/stories/
http://marinasmnv.com/ischia/

Thank you very much!

6

hey there

Please add this CSS in appearance - customize - additional CSS

.page-title-section {
height: auto !important;
padding: 20px 0px;
}

Thanks!
Colorlib Support Team

7

Hi Noda
Thanks a lot! That worked: height of header changed for smaller size!
But I still can not regulate distance between end of header and start of page content or it is connected with page layout - top margin is too big - that creates quite big white space on the top of page (seems as between header and page content). May be it is somewhere in page settings, I could not find it.
Here are the same links
http://marinasmnv.com/stories/
http://marinasmnv.com/ischia/
Thanks a lot once again!!

8

Hello :slight_smile:

Thnk you

are we talking about this css:

section {
padding: 16px 0;
}

9

Hello there,

I hope you are doing well today.

Please try using this CSS code to change the padding:


section.content-area {
    padding-top: 0px;
}

Best Regards,
Support

10

Hello
This works. Thank you very much for the support all time!

Kind regards,
Marina

11

Dear Marina If you’re happy with our service, please rate us: [Shapely] Reviews | WordPress.org

I will close this case now, Feel free to contact us again if you have other questions Thanks!