Grey out text in specific query looped cards

[ALk]

Hello everybody,

I have a question.
I’ve used a query loop to create a simple job board. This works fine, but the client wants the jobs that are taken to have greyed out text and no apply-button. Is there an easy way to do this?

Thanks!

[tole011]

Maybe you can create a meta field for text color and a meta field for job status. In the loop, you can use conditions to display button (check job status). Hope that makes sense. Best regards.

[ALk]

Thanks for your reply.
For the button this should work. But I don’t know how to use this for greying out the text. The condition only makes it visible or not-visible.

[manc]

Don’t know what your exact setup looks like but something similar to this should work

How to set a background color based on post category

Try this: 1. Put this into your childthemes functions.php: function getPostCatName() { $category = get_the_category(); return $category[0]->slug; } This snippet gets the first category of a post and returns the slug. We only get the first in case a post has more than one in which case the output (our future styling selector) would change. 2. Add a custom attribute to the the post. Not sure what you used to create your grid but basically add to whatever wraps each individual post wit…

Depending on your setup you might not even need a function, just a custom field to insert as attribute.

Once you have that you can style anything inside a listing based on that attribute selector.

[ALk]

Thanks! I’ll give that a try.