HMS Testimonials
[resolved] Add background image to Testimonials (5 posts)

  1. D-Spayre
    Posted 1 year ago #


    Best Testimonial plugin ever... :-)

    I'm just trying to figure out how to add a background image to a rotating Testimonial on my front page.



  2. Jeff K
    Plugin Author

    Posted 1 year ago #

    Hey D-Spayre,

    You could do it by adding some CSS to your themes style.css.

    .hms-testimonials-rotator .hms-testimonial-container {
    background: url('/path-to-your-image.jpg');
  3. D-Spayre
    Posted 1 year ago #

    Thanks very much,

    Couple of more questions:

    How do I change the line spacing and formatting of a testimonial?

    Also I have 2 rotating testimonials on my front page is there a way to have them rotate different testimonials. Like one rotating the odd numbers and the other rotating the even numbers.

    Thanks again,

  4. Jeff K
    Plugin Author

    Posted 1 year ago #

    Hey D-Spayre,

    Question 1: You can use CSS to change the text how you need. The below will increase the line height to 150%. This spaces out the text vertically a bit more.

    .hms-testimonial-container .testimonial {

    Question 2: You can create groups and stick your testimonials in there and then show the right group in the right spot. Just an FYI, testimonials can be in multiple groups.

    So create 1 group with all the testimonials you want shown (even numbers). Then create another group with the odd number testimonials.

    Now you can have 2 widgets or shortcodes on your page to show both groups. If you are using widgets, there is an option to set the group. If you are using a shortcode, add group=1 to the shortcode and replace 1 with the group ID.

  5. D-Spayre
    Posted 1 year ago #


    Thanks for your help...

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HMS Testimonials
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.