Show a category on News Index page?

Hi there,

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

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?

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.

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

Glad to hear that