Changing CSS for hover on Widget

  • Resolved mikeydev

    (@mikeydev)


    2 years, 4 months ago

    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 to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Lídia from Trustindex

    (@liditrudex)

    Hi @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

    Plugin Support Lídia from Trustindex

    (@liditrudex)

    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;
}

    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 1 year, 12 months ago by raffaelloh.
    Plugin Support Lídia from Trustindex

    (@liditrudex)

    Hi @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.