How to set a element style based on a custom field value?

[alanj]

Is there a way to set an elements style value based on a custom field value?

I have a loop which displays CPTs. Each CPT has a custom field for Status.
I want to set the background colour of the card depending on the Status of the CPT.
e.g. Green for Active, Red for Closed, Yellow for Pending.

I thought that either Conditions or Interactions might be able to do this, but doesn’t appear so.

Thought that maybe I could set the Status field value to be a colour and then use that dynamic value in the style … but it introduces other issues with users understanding! Users are always a problem. lol

Any ideas?

[Patric]

Hi

You could use the attributes filter for that.

See this:

[SOLVED] to conditionally set background color using an ACF Group field color property?

Hi did you make the card design in Bricks? if yes, can you show the Bricks structure of the elements that make up your card design? If not done with Bricks, which program are you using? Cheers Patric

Cheers

Patric

[alanj]

Cool thanks, will see if I can make that work.