[Resolved] Hide content title without disable it

[Rui]

I don’t want to disable the Content title for SEO reasons. But I don’t need do show it in the front page of my site.

So I used a CSS rule like h1 { display:none; } just for that page. However, I noticed that by doing this a considerable blank space appears in place.

So, how can I hide the title header (H1) without generating that space (and in the source code it would still be there, for SEO).

[Elvin]

Hi,

Can you link us to the page you’re working on so we could check for the reason behind the “blank space”.

You can provide the site details on the Private Information text field. Thank you.

[Rui]

Sorry, Elvin! I did.

[Elvin]

Thanks.

I’ve checked your site and I see a space but I don’t see it coming from the hidden h1.entry-title.

Perhaps you’re pertaining to the margin-top coming from the entry-content? As shown here:
https://share.getcloudapp.com/geuoRygW

If this is the case, we can remove it with this CSS:

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0em;
}

[Rui]

Just perfect!
Thank you very much.

[Elvin]

Just perfect!
Thank you very much.

Nice one. No problem. 😀

[Author]

Posts