Advanced Widget Styling (CSS)

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>



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/

 

 

    • Related Articles

    • Edit a Widget

      Once you've created a widget, you will have the option of changing a number of different settings particular to that widget.  Note: Depending on your parent account’s permission settings, you may not have access to this feature.  Step 1: From your ...

    • Create a Widget

      Widgets allow you to display testimonials on your website. This article will walk you through setting up a widget.  ​ Note: Depending on your parent account’s permissions, you may not have access to this feature.  Step 1: From the Dashboard, select ...

    • Widget : "Simple Aggregate" Documentation

      Simple Aggregate Documentation   For a Page with List of Agents For a page, like an agent list, where many agents might be displayed at once, you can use this format below.  The .js file needs to only be included once after the <div>’s.  The widget ...

    • How to Use One Widget for Different Users, Multiple Users, Locations and Teams

      Widget Template Documentation This article is for companies that want to use the same testimonial display widget (widget) on their users' pages. For example, a real estate office might have many agents in the company, all with their own profile ...

    • Real Estate Webmasters (REW): Integration

      This integration applies to franchises and brokerage level accounts using Real Estate Webmasters (REW) websites. The Testimonial Tree – Real Estate Webmasters (REW) website integration publishes testimonials and third-party reviews on your real ...