Archived topic
Style for "Conditional formatting"
3 replies · Started by Jens on May 19, 2022
Hi,
I add a "Conditional formatting" a row.
Settings:
If call value | = | "Yes" | Set row CSS Class | highlight
Style:
table.wpDataTable tr.highlight td {
background-color: #e0faca !important;
}
Only a style with "!important" works.
Now I would like a different sytle with a mouse hover. But that dosen't works because I had to us "!important" by the root class "highlight".
You have an idea, how I can implement an mouse hover in a Conditional formatting?
Best regards
Jens
Hi Jens,
The elements would need to have unique classes to target differently.
Then you can consider using selectors like :not etc:
https://developer.mozilla.org/en-US/docs/Web/CSS/:not
Please note that this isn't something we can provide further assistance on as it's completely unrelated to GP:
https://generatepress.com/what-support-includes/
There should be lots of CSS tutorials on the internet/Google for your to learn.
Thanks for your understanding.
Thank you. I found a solution.
No problem :)
