Hide Page Name - Is it possible?

Themes
1

Hello,

I have a lightly customized Casper theme on my blog, and would like to know if there is any way to remove or hide the page’s name (preferably with code injection, I still struggle to edit code in themes), so I can just use a manually edited header image with the name and all the info I want.

Thanks in advance.

2021-10-10 14_35_49-Window
2021-10-10 14_35_49-Window1524×807 73.2 KB

2

Try:

.article-title {
    display: none;
}

or

.page .article-title {
    display: none;
}

If you want to hide it only on pages (not posts).

3

It worked!

Thank you so much for your help!

1 Like
4

Hello!

I am a novice. How do I use this code?

.page .article-title {
display: none;
}

5

Hi @JavowiecPL ,
I try to hide the title on the contact page (I want to use the new Header Card to display a nice image with the “Contact” word on it.)
But I don’t want to hide the title on other page.
So I’ve past the code in the “Page header injection box” of the contact page, with :

<style>
    .page .article-title {
    display: none;
}
</style>

It works, the title disappear.
But now, how can I move up the first element of the page (in my case a Header card) so it stick to the top menu ? (on my screencapture below, move the image up so I don’t have any white background between this image and the top menu).
Something like margin-top: ?

Thanks for your help.

image
image938×689 91.1 KB