CSS to adjust Highlighting by Mouseover in data table

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #16116


    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?


    Hi @daine

    Your issue was redirected to our developer. I will inform you about the progress


    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



    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;

    Hi @daine

    We are happy that everything is good now. In the case you have any other question, please let us know.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts