Site logo

Archived topic

How to style blog title color on category archive pages?

4 replies · Started by Derek on July 28, 2018

Viewing posts 1–5 of 5

Hello,

I was able to style my titles on /blog page using Beaver Builder, but I am not able to do so on these category archive pages. I noticed there wasn't an option in the customizer for this. Is there a way to target these titles in GP using custom css? I don't want to style all .a just the category page titles.

Thank you!

Hi there,

Which element are you trying to style? The "Uncategorized" title? Or the actual title of the blog post?

Either way, the <body> element has a custom class for each category.

So for example, the Uncategorized category has this class:

.category-uncategorized .page-title {
    // Stuff for main page title.
}

.category-uncategorized .entry-title a {
    // Stuff for blog post title.
}

Hi Tom,

The actual title of the blog post...I couldn't find a class for that in inspect element.

How can I use .category-uncategorized .entry-title to remove the "Uncategorized" page title?

Thank you!

My second example should handle the blog post title.

To remove the category title, try this:

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

Or if you only want to do it on specific categories:

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

Perfect!

This archived topic is closed to new replies.