Advanced Widget Styling (CSS)

There are a number of settings in the TT widget admin panel to control the look and behavior.  If you are looking to change something that isn't a setting option, you can potentially override the style by creating a <style> block above the widget code. 

Here is an example below that will make the testimonial text italic:

<style>
   .TT_testimonialText{
       font-style: italic;
    }
</style>

<body>
<div id='TestimonialTree_Widget_26755'></div>
<script src='https://testimonialtree.com/widgets/?widgetid=26755' type='text/javascript'></script>

kirby.html___2018-06-08_09-21-20.jpg

If you are using Chrome, one way to find the style, div or class name that an effect the style is by inspecting the widget using the developer tools.  Here is a link to some info on that tool: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

 

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk