Support » Plugin: Testimonials Widget » Background Image and/or column

  • Resolved PMaids



    I’m wondering if it would be possible to put a background behind the scrolling testimonials. I’ve already made a .png file for them to scroll on top of, but I’m not sure how to add it to the code.

    If this way isn’t possible, where would code to create a background go? CSS styles? PHP?

    Here’s an example of what I’m trying to accomplish.


Viewing 15 replies - 16 through 30 (of 35 total)
  • Plugin Author Michael Cannon


    Your website URL to review sure would be very handy to help with debugging.

    Sorry about that.

    Our url is

    I ended up getting the background image to work, however, it only appears behind the scrolling text and not the title or header.

    Actually, I have the background working now. I just inserted a background image for that particular widget area.

    I was having a problem getting the text aligned as well, but that is working now too.

    My only problem at the moment is getting the title lined up correctly and changing its properties.

    Plugin Author Michael Cannon


    @pmaids, the URL doesn’t work. Can you please resend?

    For title lining up, use the widget ID and header type to target. Like #widget-3 h3.

    I tried to follow the exchange above, but I’m just too clueless! I just spent about an hour (no exaggeration) with it, but I have gotten nowhere! Can I talk you into helping me step-by-step through this?

    Like PMaids, I want to include a background image behind the testimonial widget on my wp front page.

    I inserted <?php echo testimonialswidget_widget( $args ); ?> in the “myhome.php where I want it, but I can’t figure out how to put the image behind it.

    Also, I would like to change the time it changes to the next quote. How do I do that?

    Would really appreciate your help please!!!

    Plugin Author Michael Cannon


    Long story, short. CSS looks something like…

    .testimonialswidget_testimonialsNNN {
    background: #00ff00 url('smiley.gif') no-repeat fixed center;

    Where NNN is the number, probably 10000, found in the HTML source code of your page where the Testimonials Widget is displayed.

    Alternately, you could put <?php echo testimonialswidget_widget( $args, 1234 ); ?> in your page and know that your resulting CSS would be something like…

    .testimonialswidget_testimonials1234 {
    background: #00ff00 url('smiley.gif') no-repeat fixed center;

    Thanks for the reply Micheal, much quicker than I thought it would be!

    I found the 10000 number in the source code.

    However, as far as the alternate, I put the code into my page as you said, but I am confuses as to where to find the 1234 code in the css. Also, even if I did find it, I don’t know what to do with it. I don’t understand how to make a background image appear in relation to that code.

    As for the time before the quote changes, I did find this: testimonials-widget/testimonials-widget.php and then within it found: `jQuery(this).removeClass(‘hovered’) });
    setInterval(‘nextTestimonial$widget_number()’, $refresh_interval * 1000);` I changed the 1000 to 3900 which slowed down the change enough to read it before changing to the next quote. Hope that’s ok. It worked, so I guess it is.

    Anyway, hope you don’t get fried out with my lack of understanding, and give up.

    Thanks in advance!

    Plugin Author Michael Cannon


    The CSS class is dynamically generated. As such, you’re not going to find it specifically in the TW CSS file. The reason being is that each Testimonials Widget is standalone so that many can be on a page.

    You really need to read up on the options and not change source code. That’ll get you into deep trouble when security updates come out.

    Also, the NNN is on the website HTML source code when you look at, not the Testimonials Widget plugin PHP.

    I’ve adapted. I’m keeping the testimonial background the way it is. However, I’m still trying to find the proper place to slow it down. Can you help me with this?

    Plugin Author Michael Cannon


    See for the widget Rotation Speed option. Alternately, if using shortcodes, look for the refresh_interval on

    That did it.

    I went to plugins > edit > testimonials-widget/testimonials-widget.php > public static $defaults > refresh_interval > [and changed] ‘refresh_interval’ => 5, [to] 15,. That did the trick.

    Thanks for the reply and patients!

    Plugin Author Michael Cannon


    Glad to know you’re moving ahead.

    However, Argh…you edited source code, don’t do that. You lose changes on every update.

    Use the widgets options panel or the shortcode options to set your refresh_interval=15. Look at the shortcode examples.

    Sorry, I thought I had an option.

    OK, I’ve gone into the widgets and set the “Rotation Speed” in “Advanced Options” to 15, and saved it. Then undid the modification I mentioned earlier. I then tested the testimonial time, and it was back to 5 sec. The widget didn’t do anything to the shortcode. What am I missing?

    I went back to the instructions and found “refresh_interval – default 5; refresh_interval=0” in the shortcodes section. Do I add this in the shortcode: <?php echo testimonialswidget_widget( $args, 1234 ); ?> to modify it? And then change the default to something else?

Viewing 15 replies - 16 through 30 (of 35 total)
  • The topic ‘Background Image and/or column’ is closed to new replies.