Support » Theme: Neve » Override Neve table CSS hover effect

  • Resolved andrewuv

    (@andrewuv)


    The Neve Style sheet has this CSS

    table tbody tr:hover {
    background-color: #fbfbfb;
    }

    I have a plugin which displays the results of a form for review from a Gravity Forms.
    This plugin builds a table with inline css styles.

    This gives an effect to the table which we don’t want.
    See: https://www.wakefields.co.nz/wakefields-new/Saved-Form.html

    To be able to overcome the tr:hover effect in the Neve style sheet I have to write very specific css to target each of the different background-color in the table.
    eg
    .review_all_fields table table tbody tr[bgcolor=”#EAF2FA”]:hover{background-color:#EAF2FA !important;}

    I have another 4 equally bulky lines of code to do this. So I have solved the problem, but is there an easier way to do this or can you give an option to disable this style.

    I have tried
    table tbody tr:hover {
    background-color: transparent;
    }
    In my Neve Child-theme css but it just changes the effect.

    Thanks

    Andrew

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @andrewuv,

    Every theme has some basic styling inbuilt. Such as p tag, heading and so is the table.

    Usually, plugins apply the theme style to their outputs. The same is happening here.

    Now, to overwrite it as you said, child theme or additional CSS is the way.

    Hence, there is not a way to switch on/off the theme style for the table currently.

    Also, it looks good when you hover to me. When the cursor moves, the user will be able to concentrate on the numbers more easily with this I think.

    Hi Vishakha,

    You may like the hover effect, but my designer does not, it is a personal choice.
    So I will have to go with the complicated CSS in the child Theme.

    Thanks for your reply

    Andrew

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.