Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Show a category on News Index page?

  • Hi.
    I would like to show category meta data on a News Index page, but show nothing if a category isn’t selected.
    Here’s what I’m trying to do:

    Here’s a screenshot of the page I’ve created:

    The site is only local atm, so I can’t share a functional link.

    Can I do this within the GP/GB pro suite?


  • Hi there,

    is the News page a static page ? ( it kinda needs to be 🙂 )

  • Yes the News page is static, but the feed is part of a query loop.

  • Hi Mark,

    Can you clarify this part “but show nothing if a category isn’t selected.”?

    When you say “selected”, where are you selecting a category exactly?

  • Sorry, maybe selected is the wrong word. I mean assigned, or allocated.

    In my first image I have a regular query loop for a newsfeed, and on it I want to indicate a red badge (and/or button/link) to show a news item is also part of another category called ‘the art in schools’.

    So I’m looking for a way to show and style a category, but not all categories on a news queryloop.

    My second screenshot shows all categories being displayed, but I don’t want that. I need just the one category shown.

  • I see. We can do that through custom CSS.

    Remove the styling you’re adding the “all categories” in your Query Loop, and share the link to this News Page after.

    We’ll help you with the CSS.

  • Thanks. See the page here:

  • If the main style change for that category term is the color then i would do this:

    1. in GP Customizer > Colors, add a new global color, give it a name like term-color and give it a transparent background.

    Behind the scenes GP will create a CSS variable called: --term-color with a value like rgba(0,0,0,0)

    2. Now edit the Query Loop you want to style, and select the Term Headline block and:

    2.1 set its Background color to your new term-color
    2.2 give the block an Advanced > Additional CSS Class of: dynamic-term – this just for future proofing inc case we need extra styles.

    3. No add this CSS to your site:

    .category-the-art-in-school {
        --term-color: var(--accent);

    So what the CSS does is:

    i) each post is given classes including the category term class.
    ii) reload the term-color value ( which is transparent ) with your --accent color.
    iii) but only where the category-the-art-in-school exists

  • Perfect. That’s sorted it. Thanks 😀

  • Glad to hear that

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