Change Page Header Font and Height

[Benjamin Sullivan]

How do I change the Page Title Header ing Booklium: https://ibb.co/q7cjknq

At the moment there is too much white space between the Menu bar, Page Title and the content/feature image, I would like to change this for all my pages.

Many thanks in advance.

Ben

[Andre Flores]

Hello, Ben!

You may decrease the spacing by adding custom CSS under Appearance ->Customize ->Additional CSS:

.page-template .content-area {
	padding-top: 80px;
}
.page-template .entry-header, .page-header {
    padding-bottom: 3.125rem;
    margin-bottom: 3.75rem;
}

Simply decrease padding values to the desired ones.

Regards,
Andre

[Jan van Welie]

Hi Andre, Have the same problem as Ben. Added the code but there are still some pages that have not taken the change, there is still a white gap. I have also added a code to remove the tittle.

.page-template .content-area {
padding-top: 0px;
}
.page-template .entry-header, .page-header {
padding-bottom: 0rem;
margin-bottom: 0rem;
}
.entry-title:last-child {
display: none;
}
.entry-header, .page-header {
padding-bottom: 0;
margin-bottom: 0;
}

[Jan van Welie]

Just fixed. Had to do with template. had to change to wide.

[Andre Flores]

Hello, Jan!

I am glad that you have managed to resolve the issue, thank you for your feedback.

Regards,
Andre

[Tanitsak Luechatanyapat]

Hello,
Could you please provide code to eliminate page title header from all the pages?

Thank you

[Andre Flores]

Hello, Tanitsak!

You would like to get rid of the page title only, use the following code:

.entry-title {
	display: none;
}

In case you want to remove the page title together with the description, use the following code:

.entry-header {
	display: none;
}

Best regards,
Andre

[Tanitsak Luechatanyapat]

I would like to thank everyone in this post.

Thank you
tanitsak

[Andre Flores]

Hi, Tanitsak!

You are always welcome.

Regards,
Andre

[Author]

Posts