[Resolved] Hide the title on category page

[xepace]

Hi, Tom. Can you help me? How can I hide part with header and title of the category on category page?

[Tom]

This should work:

.category .page-header {
      display: none;
}

[xepace]

No. It doesn’t work.

[Tom]

Can you link me to the page so I can see if another style is overriding it?

[xepace]

Here it is http://mylisbon.ru/category/news

[Tom]

Ah ok – this should do it.

.category .page-header {
      display: none !important;
}

[xepace]

Thank you

[Claudia]

Hello. I am trying to hide the category title and description from appearing at the top of the page – this is how it looks like now: https://strictlyrome.com/category/visit-rome/

How do I hide that?

[Elvin]

Hi Claudia,

If you’re trying to hide it on just category taxonomy archive pages, you can try adding this CSS:

body.category header.page-header {
    display: none;
}

If you’re trying to hide it on all taxonomy archive pages, you can try this:

body.archive header.page-header {
    display: none;
}

If you’re trying to hide it on a specific category (example: Visit Rome), try this:

body.category-visit-rome header.page-header {
    display: none;
}

[Claudia]

I am trying to hide it on all category pages across all my sites

[Ying]

Hi Claudia,

In your case, use Elvin’s first CSS solution. 🙂

[Claudia]

I have no idea where to place the CSS – can you provide step-by-step guidance?

[Elvin]

Here’s our recommended way of adding CSS.https://docs.generatepress.com/article/adding-css/

The easiest is by adding it on Appearance > customize > Additional CSS. You should see a text area. That’s where you can place your CSS.

[Claudia]

Thanks!

[Elvin]

No problem. 😀

[Author]

Posts