[Resolved] How to style blog title color on category archive pages?

Home Forums Support [Resolved] How to style blog title color on category archive pages?

Home Forums Support How to style blog title color on category archive pages?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #634985
    Derek

    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!

    #634991
    Tom
    Lead Developer
    Lead Developer

    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.
    }
    #635000
    Derek

    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!

    #635167
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #635561
    Derek

    Perfect!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.