Title: Changing CSS for hover on Widget
Last modified: October 30, 2022

---

# Changing CSS for hover on Widget

 *  Resolved [mikeydev](https://wordpress.org/support/users/mikeydev/)
 * (@mikeydev)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/changing-css-for-hover-on-widget/)
 * We have the pro version of Trust Index and there doesn’t seem to be an option
   to style the black (with slight opacity) hover on the reviews in the backend 
   of Trust Index. I’ve tried overriding this by targeting the ID’s and Class further
   up the DOM to override the important’s but nothing is working. Could you have
   a look and let me know the selectors that I need to change the background and
   reduce the width of the container? Or is there an option to do this in the back
   end of Trust Index? Many thanks in advance.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchanging-css-for-hover-on-widget%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Support [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/)
 * (@liditrudex)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/changing-css-for-hover-on-widget/#post-16164475)
 * Hi [@mikeydev](https://wordpress.org/support/users/mikeydev/) !
 * You will need to replace the ids in square brackets with the ids of your widget.
   
   Here is an example of a class override.
 * `.ti-widget[data-layout-id=‘4’][data-set-id=‘light-minimal’][data-pid=‘835365738b77970585549a8’].
   ti-review-item>div.ti-inner { background-color: rgba(0,0,0,0.2) !important;
    }
 * Trustindex
    -  This reply was modified 3 years, 7 months ago by [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/).
 *  Plugin Support [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/)
 * (@liditrudex)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/changing-css-for-hover-on-widget/#post-16165089)
 * Sorry for the missing parts, this is the correct form:
 *     ```
       .ti-widget[data-layout-id=‘4’][data-set-id=‘light-minimal’][data-pid=‘835365738b77970585549a8’] .ti-review-item>div.ti-inner {  background-color: rgba(0,0,0,0.2) !important;
       }
       ```
   
    -  This reply was modified 3 years, 7 months ago by [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/).
    -  This reply was modified 3 years, 7 months ago by [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/).
 *  [raffaelloh](https://wordpress.org/support/users/raffaelloh/)
 * (@raffaelloh)
 * [3 years, 2 months ago](https://wordpress.org/support/topic/changing-css-for-hover-on-widget/#post-16603597)
 * Hi there!
 * I have the pro version and I am having the same issues being unable to add custom
   css due to the !importants. How exactly do you override the class? I don’t seem
   to understand the logic in the answer provided here. Would be great to give some
   further explanation in order to change some layout styling for the plugin.
 * Thanks in advance!
    -  This reply was modified 3 years, 2 months ago by [raffaelloh](https://wordpress.org/support/users/raffaelloh/).
 *  Plugin Support [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/)
 * (@liditrudex)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/changing-css-for-hover-on-widget/#post-16946924)
 * Hi [@raffaelloh](https://wordpress.org/support/users/raffaelloh/) !
 * Sorry about the late reply!
 * What would you want to change?
 * Feel free to write us, if you need any assistance,
   Trustindex

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Changing CSS for hover on Widget’ is closed to new replies.

 * ![](https://ps.w.org/wp-reviews-plugin-for-google/assets/icon-256x256.png?rev
   =2721569)
 * [Widgets for Google Reviews](https://wordpress.org/plugins/wp-reviews-plugin-for-google/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-reviews-plugin-for-google/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-reviews-plugin-for-google/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-reviews-plugin-for-google/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-reviews-plugin-for-google/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-reviews-plugin-for-google/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [Lídia from Trustindex](https://wordpress.org/support/users/liditrudex/)
 * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/changing-css-for-hover-on-widget/#post-16946924)
 * Status: resolved