In almost all cases our testimonial styling tool should suit your needs – allowing you to adjust the width, text color, background color and border color of your widget to suit your website style.

If you want to go even further and create really attractive styling for your testimonials, then you can do so, but you will need a little knowledge of javascript and css.

To personally style your own widget you need to….

  • Check the ‘I want to style the widget directly from my site’ box when adding or editing your widget and then save it
  • Paste the widget code into your web page as normal
  • Create a javascript file with the following code…
    • document.write(‘<style type=”text/css”>.mytestimonial {background-image:url(“http://www.dmjcomputerservices.com/wp-content/uploads/2010/12/leftquote.gif”);background-repeat:no-repeat;padding-left: 95px;display: block;font-size:14px; margin-top: 10px;margin-bottom: 20px;/*margin: 0.25in auto;*/color: #666666;text-align: left;/* Do rounding (native in Firefox and Safari) */-webkit-border-radius: 10px;-moz-border-radius: 10px;}</style>’);
  • Adjust the css to suit your style requirements, leaving .mytestimonial in place (as this is the class that has been assigned for you to use in your css)
  • Include the javascript file in your html <head> section. This is important. If you include the css code directly in your html, or if you place the javascript file elsewhere in your page, then this may not work.

To see an example of what can be achieved using, for example, the code above, take a look here.

Want us to help?

This option is really for expert users. If you want to style your testimonials a little more, but don’t have the knowledge or confidence with css and javascript to do this, then we can help out.

Just tell us what you would like to achieve and we will quote a price which includes building the css and javascript for you, insert it into your web page and test it out for you. You will need to give us access to your website code.

Contact us for a quote

Leave a Reply