Bhavadasa

Need help on this please.

I placed the following code on the (front) page where I want it to show: <?php echo testimonialswidget_widget( $args, 1234 ); ?>

It can be seen on the top right at: SaranagatiVillage.com

I’m using it as a quote rotator. It is perfect for my needs, but it changes to the next quote a bit too fast. The speed is the only issue for me, so my goal is to just slow it down a bit.

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?

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?

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!

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?

Thanks deswalsh,

I given up on including it on the sidebar. But thank for the reply anyway.

I looked, and didn’t find it. I went ahead and included the code anyway…still now change.

Here is my css(hopefully it displays properly):

/*
Theme Name: Saranagati Board of Directors
Description: This site is has been created for the SVHI
Site designed and maintained by: Bhava dasa and Rasaraja dasa
*/ 

/*=============== Setup ==============*/

* { border:0; margin:0 auto; padding:10; outline:none;}
html { }
body { margin:0; padding:0; color:#868686; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; background:#fff url(images/header_bg.gif) repeat-x left top;}
a { color:#a13d3d; text-decoration:none;}
a:hover { text-decoration:underline;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:"Liberation sans", Arial, Verdana, Helvetica, sans-serif;}
li { list-style:none;}
h1, .readmore, .post-leav { font-family:Georgia, "Times New Roman", Times, serif;}
h2 { }
h2, h2 a { margin:0; padding:0; font-size:24px; font-weight:normal; line-height:1em; letter-spacing:normal; color:#1e1e1e;}
h3, h3 a { }
h4 { }
p { padding:0 0 12px;}
p.underh2 { margin:0 0 16px; padding:4px 0 0; font-size:11px; line-height:1em;}

/*============= Layout =============*/

#page { margin:0 auto; padding:0; width:auto;}

/*============ Header ==============*/

#header { margin:0 auto; padding:0;}

/*- Logo -*/
.logo { margin:0; padding:0; height:132px; background:url(images/logo_bg.jpg) no-repeat center 30px;}
.logo h1 { margin:0; padding:34px 0 0; font-size:48px; font-weight:normal; line-height:1em; text-align:center; color:#6b6b6b; text-transform:uppercase;}
.logo h1 a, .logo h1 a:hover { color:#6b6b6b; text-decoration:none;}
.logo h1 small { display:block; margin:0; padding:10px 0 0; color:#949494; font-size:11px; font-weight:normal; line-height:1em; letter-spacing:normal;}

/* RSS */
.rss { margin:28px 0 0 20px; padding:0 0 24px; float:right; width:236px;}
.rss .img_rss { padding:0 0 0 8px; float:right; border:none;}
.rss p { margin:0; padding:4px 0 0; font-size:18px; font-weight:normal; line-height:1.2em; text-align:right; color:#5b5b5b;}
.rss p a, .rss p a:hover { color:#5b5b5b; text-decoration:none;}
.rss ul { margin:0; padding:0; list-style:none; float:right; width:auto;}
.rss ul li { padding:0 8px; float:left; font-size:11px; line-height:1.2em; border-right:1px solid #afb0b2;}
.rss ul li.last_rss { padding:0 0 0 8px; border-right:none;}
.rss ul li a { color:#949494; text-decoration:none;}
.rss ul li a:hover { text-decoration:underline;}

/* Search form */
.search { padding:12px 0 0 0; float:right; width:auto;}
#search span { display:block; background:url(images/search_bg.gif) no-repeat left top; height:31px; margin:0; padding:0; border:none;}
#search input#s { margin:0; padding:8px 10px; float:left; width:160px; color:#858585; font-size:12px; line-height:15px; font-weight:normal; background:none; border:none;}
#search .btn { float:left; padding:0; margin:0; border:0; width:auto;}

/*=========---Custom for Foosbar---========*/

.foobar-wrapper { z-index: 10001 !important; }

/*============== All Columns ==============*/

#columns { margin:0 auto; padding:0 0 24px; width:970px; background:url(images/shadow.png) no-repeat center 84px;}

/*=========== Page Title ==================*/

.pagetitle { margin:0 0 48px; padding:116px 0 24px; background:url(images/shade_header.png) no-repeat center bottom; position:relative; z-index:0;}
.pagetitle h2 { margin:0; padding:40px 48px; font-size:30px; color:#B22222; background-color:#201e1d;}

/*========== Center Column ================*/

#centercol { margin:0; padding:0 0 38px; float:left; width:620px;}

/*============= Right Column =============*/

#rightcol { margin:0; padding:0 0 0 40px; float:right; width:260px; border-left:1px solid #dfdfdf;}
.box { margin:0; padding:20px 0;}
.box .content { }
.box_r { margin:0 0 24px; padding:0; background:none; border:none;}
.box_r .content { margin:0; padding:0;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#939393; text-decoration:none;}
.small_link small { font-size:11px;}

/*============== Sub Columns =============*/

.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}

/*================= Post ================*/
.post-block { }
.post-margin { margin-left:236px;}

/*- Post Title -*/
.post-title { padding:0; margin:0;}
.post-title h2 { margin:0; padding:6px 0 0;}
.post-title h2 a { display:inline; margin:0; padding:0; text-decoration:none;}

/*- Post Excerpt -*/
.post-excerpt { padding:0; margin:0;}
.post-excerpt p { margin:0;}
.post-excerpt p strong { letter-spacing:1px; color:#383838;}
.post-excerpt a { color:#77d7ec; text-decoration:underline; font-weight:bold;}
.post-excerpt a.comm { float:left;}

/* post-leav */
.post-leav { margin:0 0 16px; padding:0; font-size:11px; line-height:1em; color:#a92446; background:none;}
.post-leav a { font-size:11px; line-height:1.8em; color:#868686; text-decoration:none;}
.post-leav a:hover { text-decoration:underline;}

/* blog-content */
.blog-content { }

/* comments count */
.comm_count { display:inline; font-size:11px; color:#979797;}
.post-date .comm_count a { font-weight:bold; color:#a13d3d; text-decoration:none;}

/*- Post Blockquote -*/

.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px;}

/*- Post Author -*/

.post-author { margin:0 0 1em;}
.author-details { font-size:11px;}
.author-descr { display:table; height:1%;}

/*- Social Links -*/
.social-box { padding:24px 0; height:60px; background:url(images/shadow.png) no-repeat center top;}
.social-slogan { padding:0; float:left; width:auto; font-size:20px; line-height:1.8em; color:#929292;}
.social-links { padding:6px 0 0; float:right; width:auto;}
.social-links img { margin:0 0 0 3px; border:none;}
.social-star { margin:0 16px 0 0; padding:6px 0; float:left; border:none;}
.social-button { margin:0; padding:0; float:right;}
.social-button a { display:block; margin:0; padding:6px 0 0; width:163px; height:32px; text-align:center; font-size:24px; font-weight:normal; line-height:1em; color:#fff; text-align:center; background:url(images/learnmore.png) no-repeat left top;}

/* post-commets */

.post-commets { float:right;}

/*- Related Posts -*/

/*- Post Date -*/
.post-date { margin:0 0 12px; padding:12px 0; color:#979797; font-size:11px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.post-date a { color:#525252; text-decoration:none;}
.post-date a:hover { text-decoration:underline;}

/*- Post Comments -*/
.post-comments { }
.post-comments h2 { padding-top:10px;}
.post-comments .fl { width:80px;}
.post-comments .fr { width:490px;}

/*- Widget Title - */
.wtitle { padding:0; margin:0;}
.wtitle h2 { margin:0; padding:6px 0 16px;}

/*=========== Styling Boxes ============*/
.entry-content .pdb-list td { padding: 6px 10px }

/*=========== Styling Boxes ============*/

/*- Box1 -*/
.box { }

/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:460px;}
.box2.alt { background:#FFFFFF;}#
.comm-name, .comm-date { line-height:20px;}

/*=== Styling Lists ===*/
.wysija-submit-field { ...your styles... }
.formErrorContent { ...your styles... }

/*=== Styling Forms ===*/

input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}

/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:460px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:460px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}

/*=============== Pics, Thumbs, Ads etc. ==============*/

.pic { margin:12px 12px 4px 0; padding:0; float:left;}
.pic img { margin:0 0 16px; padding:4px; border:1px solid #d8d8d8; background-color:#fff;}
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.banner a img { margin:0 3px;}
.ads img { margin:0 1px 5px 0; padding:0; border:none;}
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px;}
.box .ac img { border:0; margin:0;}
.banner { margin:0; padding:0; background:none;}

/*=======================Bottom Footer =======================*/

#page_bottom { padding:0; background:#232323; border-top:1px solid #444444;}
#footer { margin:0; padding:0px;}
#footer .textf { margin:0 auto; padding:55px 15px; 30px; width:970px;}
#footer .text1, #footer .text2 { padding:0px; font-size:12px; line-height:1em; color:#CDA869;}
#footer .text1 { float:left;}
#footer .text2 { float:right;}
#footer .text1 a, #footer .text2 a { font-weight:normal; text-decoration:underline; color:#CDA869;}

/*======================== Misc. ======================*/

.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#fff;}

.slider { margin:0 auto; padding:0; width:1600px; height:400px; overflow:hidden; background:url(images/slider_bg.jpg) no-repeat center bottom;}

/*======================== Top Footer =====================*/

.footer2 { padding:30; background:#333333;}
.footer2_resize { margin:0 auto; padding:55px; 0; width:970px;}
.footer2 h2 { margin:0; padding:0px 0 24px; font-size:24px; line-height:1em; font-weight:normal; color:#DED9CD;}
.footer2 .f-col1, .footer2 .f-col2, .footer2 .f-col3, .footer2 .f-col4 { margin:0px; padding:0px 0px 0 0; float:left; color:#8F887C;}
.footer2 .f-col1 { padding: 0px;width:230px;}
.footer2 .f-col2 { padding: 0px;width:210px;}
.footer2 .f-col3 { padding: 0px; width:180px;}
.footer2 .f-col4 { padding: 0px; width:200px;}
.footer2 ul, .footer2 ul li { margin:0; padding:30; list-style:none;}
.footer2 ul li a { display:block; margin:0; padding:6px 0; color:#8F887C; text-decoration:none; background:url(images/dot.gif) repeat-x left bottom;}
.footer2 ul li a:hover { text-decoration:underline;}
.footer2 .f2-date { font-size:11px; color:#FFE59E;}
.footer2 .f-col1 p { margin:0; padding:8px 0 0;}
.footer2 .f-col1 .f2-date { margin:0 0 4px; padding:0 0 12px; background:url(images/dot.gif) repeat-x left bottom;}
.footer2 .f-col3 .f2-date { margin:0; padding:0px;}
.footer2 .f-col3 h3 { margin:0px; padding:8px 0px 0px; font-size:12px; line-height:1.8em; color:#717171;}
.footer2 .f-col3 h3 a { color:#717171; text-decoration:none;}
.footer2 .f-col3 h3 a:hover { text-decoration:underline;}

.index-cols { padding:0px 0; height:auto;}
.index-col { margin:0; padding:0px; width:295px; float:left;}
.index-col-center { margin:0 29px;}
.index-img img { margin:0 0 16px; padding:4px; border:1px solid #d4d4d4; background-color:#ffffff;}
.img-brow img { margin:0 0 16px; padding:0; border:none;}
.readmore a { font-size:11px; line-height:1.8em; color:#868686; text-decoration:none;}
.readmore a:hover { text-decoration:underline;}

Your a good teacher, xnau. You’ve made that easy enough for even me to understand! OK, so I’m going to look into the style.css, and try to find and modify this. Thanks!

Thanks xnau,

OK, I understand the 1st paragraph.

Now, I just installed FireBug in Firefox (which I always use), but I am a bit stumped about the rest. I’ll try…

So, I went to the page where the list is, then clicked on: CSS > style.css > (then a number of different options which relate to Sofa appear.) When I click on them, various css code lines appear. Which one do I choose, and what do I do with it? Replace it?

I assume this css is my theme–correct? Would I replace my themes css (which ever correct choice it is) with “participants-database.css”? Copy and paste? And, if I do, how will that effect the rest of my site?

I think I’m on the right track…

Appreciate all the help! I really need this plugin!!! Thanks!

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!

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!!!

Thank you for the reply. Sorry for not getting back sooner, I was out in the field feeding my pet ox.

Anyway, if you go to this link, look down for the blue button “Live Preview”. Below that button, you’ll see two images–click on the second. Compare that to how mine looks here. You’ll see that there are no images on my blog page as they are on the theme sample page.

To help, I created a post and titled it, “Post image to blog page”. It is here on this page that I would like the preview image to appear, as it does in the theme sample.

I think there must be some code that is missing somewhere.

I appreciate any help you can provide. Thank you!

Thank you. Hmmm. This will take some time…