[Screen Shot 2024-10-07 at 4.31.30 PM] Trying To Change The Back Ground Of Each Card Based Off Condition In Data Engine Down - Red Engine Okay - Nothing Engine In Maintainance - Yellow How Would I Go About Adding A Css Class To Do This?

The trick here is adding rich text components that contains specific classes, and show/hide them based on your engine status. Then use :has() in your CSS code to style the card based on the rich text component that is currently visible. [image] CSS Library

does the rich text component point to a column in your dataset?

Here’s an option without CSS using a custom collection and rich text component. I imagine an ITE column that rules the color and then replace the background color in a template column. ▶ Click here for code [Screenshot 2024-10-07 at 7.55.20 PM]

love the flexibility of this! :raised_hands:

Haven’t you considered using Kanban?

I am on a free plan using Rich Text and CSS. This is the output [image] Using a custom collection component to read my wallpaper data. [image] Data columns with boolean and if else to check for conditions. [image]l And template column to contain the CSS [image] The html code with inline s…

nice! Are you happy with the result? If you want to tweak the appearance, just let us know.

Need Help - CSS For background Of Card Based Of Dynamic Data

Ask for Help

Sekayi_Liburd October 7, 2024, 11:00pm 2

I’m not sure if there is CSS that can dynamically change each card background within a collection but you can use an if-then-else column to display the image you want (red/yellow/etc.) and use CSS to overlay your text similar to what was done here:

Topic		Replies	Views
Is it possible to change individual card view item background colour for each card using CSS Ask for Help custom-css	3	221	September 12, 2024
CSS for only some background cards Ask for Help	26	2496	June 28, 2021
Change the color of my collection Ask for Help	7	846	January 27, 2023
Tricks to change color for overdue items? Ask for Help	11	1766	May 12, 2021
Border Color in a Collection based on Tag Community Resources	6	118	December 3, 2025

Need Help - CSS For background Of Card Based Of Dynamic Data

Related topics