Data Table Plugin

CSS to adjust Highlighting by Mouseover in data table

CSS to adjust Highlighting by Mouseover in data table

Tagged: CSS, data tables, Highlighting by Mouseover, supsystic, tables

This topic has 4 replies, 3 voices, and was last updated 5 years, 5 months ago by mila_support.

Viewing 5 posts - 1 through 5 (of 5 total)

Author
Posts
December 8, 2017 at 03:12 #16116

Anonymous
Inactive
I have “Highlighting by Mouseover” turned on, which is especially useful on mobile screens for keeping track of a row when scrolling.
What is the appropriate CSS to adjust the color and/or transparency of the highlight?
December 11, 2017 at 17:31 #16134

mila_support
Member
Hi @daine
Your issue was redirected to our developer. I will inform you about the progress
December 12, 2017 at 00:11 #16136
mila_support
Member
Hi @daine
Currently you have ability to set the row mouse hover color with the next code
```
#supsystic-table-1.hover tbody tr:hover {
        background-color: #ff0000;
}
```
where –
#supsystic-table-1 – 1 is your table id
#ff0000 – the needed hex color code
Insert the code inside CSS Tab at the end and click Save
December 20, 2017 at 02:04 #16164
info848969
Participant
Hi Mila…
So the above is not working for me when I change the table ID and even if I remove the table ID.
However, after some searching I find the following does work…
```
#supsystic-table-9 tbody tr:hover {
   background-color: #454545;
   color: white;
}
```
December 20, 2017 at 23:06 #16177

mila_support
Member
Hi @daine
We are happy that everything is good now. In the case you have any other question, please let us know.
Author
Posts

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.