Styling cell background color based on dd value

[Maud67]

Hi,

I followed two different threats for styling cell background color based on value.
The funny thing is that I got it working in the backend but not in the frontend.

I tried several things but I ran out of options.

Does somebody have a tip for me?

 

[cheesegrits]

Use dev tools in your browser, and "inspect" the list, see what classes are being assigned to each row. See if there's any obvious difference between front and back end.

What does your custom CSS look like?

-- hugh

 

[Maud67]

Hi Hugh,

Thanks for responding.

I just set up a new installation (Akeeba and Fabrik only), Protostar.
I checked out the classes and this is the class that I found:
fabrik_row oddRow1

This is the css code that works in the backend and still not in the frontend:

.runda1 .runda {
background-color: green !important;
}
.runda2 .runda {
background-color: blue !important;
}
.runda3 .runda {
background-color: red !important;
}

Element name is "runda".
Class is set on "runda" too.
Dropdown values are:
-, 1, 2 and 3

I tried to use the "fabrik_row oddRow1" class but no luck.

Maybe you can give some direction?

This is the last functionality I have to add and my application is ready.

So, thanks a lot in advance!

 

[Maud67]

Hi Hugh,

I just found out that it is a custom template for a horizontal scroller that causes this problem.

I put the above code in the template css and it works!

Thanks and sorry to bother you!