White Space Between Page Title and Content

I have read and tried several fixes to reduce this white space, but nothing has worked for me. Can you please show me how to reduce this white space:

white space

Hello there,

To reduce it, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

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

Regards,
Kharis

Yes! It worked! My only problem is it removed that space on every page. Is it possible to remove it from one or two specific pages?

Hello there,

Yes, it is possible. Every pas has its unique ID which attached to its body class. So you can use:


.page-id-[Page-ID] .entry-header {
    margin-bottom: 0;
}

Replace [Page-ID] with page ID number. To know it, you can edit a page–in the address bar of the web browser, you will see something like:

http://yoursite.com/wp-admin/post.php?post=123&action=edit

From the address above, the page ID is 123.

For post, you can use:


.postid-1178 .entry-header {
    margin-bottom: 0;
}

Regards,
Kharis

Hi Kharis,

I have the same white space issue on my website. Please check below link:

I tried using your css code, but somehow it didnt work for me.
Requesting your kind help on this issue.

Thanks,
Devika

Hello Devika,

Could you please point me to the exact area where I can see the spaces you want to remove? Take a screenshot, and put some annotations. To attach an image in your reply, you should upload it first to the file hosting service like https://cloudup.com/ and share its link here.

Regards,
Kharis