Custom CSS won’t applied

Hello,

Your CSS code’s selectors are wrong. Use these (if you want to modify the widget in the footer):

.ti-widget[data-layout-id='27'] { padding-bottom: 5px!important; }
.ti-widget[data-layout-id='27'] .ti-widget-container * { line-height: 1.6em !important; }
.ti-widget[data-layout-id='27'] strong, .ti-widget[data-layout-id='27'] strong * { font-weight: normal!important; }

I think, the last line is unnecessary.

Feel free to write us, if you need further assistance,
Tom
Trustindex

Hello,

It doesn’t work at all :/

– The first line is working.
– The second line: also. (This is why you should reposition the logo to align it to the middle)
– The last one is unnecessary: every item in tag is bold now. No need extra CSS rule for it.

Well,

Everything isn’t working, just check out on the website…
Nothing is in the same line, everything is on bold (and I don’t want this).

Hello,

I’ve noticed that most of the CSS that comes built in to the plugin is followed by !important making it impossible to make CSS changes to most elements. Specifically I would prefer to increase the height for class of .ti-review-content but can’t because of the !important that’s already in the CSS. So, can I do something with our child theme to override this or edit the plugin files directly? Please advise as I believe this is a better Google reviews plugin than most any others, especially stylistically, but without the ability to customize it becomes frustrating.

Yours in Success,

Biz Buzz LLC

Hello @bizbuzzllc !

You can fully customize our widgets if you have a subscription at trustindex.io

But! If you want to customize it individually, you can add custom CSS rules as well.
Here you need to apply the information about the standard CSS rules. For example, you can override properties marked as “!important”, if you add more specific selector.

For example:
If the given widget is in <div id="my-theme-content-id"> and you want to override this rule: .ti-widget { background-color:red ! important; }

You can do that with:
#my-theme-content-id .ti-widget { background-color:blue ! important; }

But your web developer can help you to customize your site.

Feel free to write if you need further assistance,
Tom
Trustindex

• This reply was modified 3 years, 2 months ago by Trustindex. Reason: typos

Awesome! Thank you for the response and explanation of how to achieve the customization we are seeking to do. Also good to know that the subscription would also allow additional customization. Thanks for the quick and helpful response!!