Kerry

Hi Stephanie,

The font styles uses what your theme provides. To adjust the testimonial title style directly, you would use the following in your theme’s custom css area.

.bne-testimonial-heading {
     font-size: 20px !important;
}

Most of the helpful css classes to use are listed on the Testimonial admin help page.

Awesome glad to hear it!

Hi westdesign,

Sorry for the issue you’re having. Try this for me. Go to the plugin folder > includes > shortcode-form.php. There will be two lines I would like you to adjust.

Around line 195 find:
$redirect = add_query_arg(‘post’, ‘failed’, home_url($_POST[‘_wp_http_referer’]));

And change it to:
$redirect = add_query_arg( ‘post’, ‘failed’, get_permalink() );

Then around line 248 find:
$redirect = add_query_arg(‘post’, ‘successfull’, home_url($_POST[‘_wp_http_referer’]));

And change it to:
$redirect = add_query_arg( ‘post’, ‘successfull’, get_permalink() );

Let me know if that fixes it for you.

If you changed the default thumbnail size in Settings > Media then you should also regenerate all of your images or re-upload the ones you need. Also make sure to clear your browser cache.

Regenerate Thumbnails plugin: https://www.ads-software.com/plugins/regenerate-thumbnails/

Just so happens there’s another filter available for you from the plugin. By default, WP strips out all shortcodes when using get_the_content() function. By wrapping it in do_shortcode(), it’ll work.

function custom_testimonial_the_content( $shortcode_output, $options ) {

	$get_content = wpautop( get_the_content() ); 

	$shortcode_output = '<div class="bne-testimonial-description">';
		$shortcode_output .= do_shortcode($get_content);
	$shortcode_output .= '</div>';

	return $shortcode_output;
}
add_filter( 'bne_testimonials_the_content' , 'custom_testimonial_the_content', 10, 2 );

You can use the available filters to adjust the output of the testimonial content.

For your particular case, you could add the following to your theme’s functions.php file. This will target only the details section (company name/tagline and website URL). Leaving the below as is, will add the rel=”nofollow” tags to the website link.

function custom_testimonial_details( $shortcode_output, $options) {

	$shortcode_output = '<div class="bne-testimonial-details">';

		// Tagline/Company Name Only
		if ( empty( $options['website_url'] ) ) {
			$shortcode_output .= '<span class="bne-testimonial-tagline">'.$options['tagline'].'</span>';
		}

		// Website URL Only
		if ( empty( $options['tagline'] ) ) {
			$shortcode_output .= '<span class="bne-testimonial-website-url">'.$options['website_url'].'</span>';
		}

		// Tagline/Company Name and Website URL
		if ( !empty( $options['tagline'] ) && !empty( $options['website_url'] ) ) {
			$shortcode_output .= '<span class="bne-testimonial-website-url">'.$options['tagline'].'</span>';
		}

	$shortcode_output .= '</div><!-- bne-testimonial-details (end) -->';

	return $shortcode_output;
}
add_filter( 'bne_testimonials_details' , 'custom_testimonial_details' , 10 , 2);

You can also adjust the above markup if needed.

The image uses the standard “thumbnail” crop size that is set in Settings > Media. On most installs this will be 150×150. The plugin is then using CSS to reduce this to 100×100 to better fit, especially on sidebars.

So you have a couple of options…
1) Change the size for Thumbnails in Settings > Media, however this will effect all images using this crop size on your site, then adjust CSS to match.
2) Use an available filter to adjust only the one used in the plugin, then use your own class names or adjust the plugin css to match.

Going with #2 would look something like the following, you would add it to your theme’s functions.php file

// Custom BNE Testimonials Featured Image
function custom_testimonial_featured_image( $shortcode_output, $options ) {

	// Post ID
	$id = get_the_id();	

	// Crop Size  (thumbnail, medium, full, etc)
	$size = 'medium';

	// Image Attributes (class, title, etc)
	// https://codex.www.ads-software.com/Function_Reference/get_the_post_thumbnail
        // You can add any custom CSS here if you prefer to use your own.
	$attr = array(
		'class' => 'bne-testimonial-featured-image circle'
	);

    // Get Thumbnail Image and apply above attributes
    $shortcode_output = get_the_post_thumbnail( $id, $size, $attr );

	// Return the image
    return $shortcode_output;
}
add_filter('bne_testimonials_featured_image','custom_testimonial_featured_image', 10 , 2);

The above will now use the crop size “medium” which by default is 300×300 in Settings > Media unless it has been changed. You can use any crop size available to you from your theme. However, the down side to using this filter is that you then loose the image style options that are used in the shortcode/widget (circle, square, flat-circle, and flat-square) So you would need to set them above like I did in the example using “circle”. This filter would be a global filter and affect ALL testimonials unless you add conditional logic to it.

In either case you will need to override the CSS that forces it down to 100×100. If you’re going with #2, you could actually use your own CSS class names since it’s added within the filter which would allow you to skip the next step. But if you’re going with what I have then you would need to add the following to a CSS area in your theme options or theme style.css file

.bne-testimonial-featured-image { width: 200px !important; height: 200px !important; }

Adjust the size to your preference that would match your desired crop size/look.

To change anything visually with the plugin you would adjust it with CSS. In your theme’s custom css area or theme style.css file you would add something like the following:

.bne-testimonial-slider-wrapper {
     background: red;
}

You can either use the shortcode [bne_testimonials_slider] or the included widget. The widget should be where you configure your sidebars (admin menu > Appearances > Widgets )

Here is the code you would need. This will shorten the testimonial message to the first 15 words and add a link that will trigger a lightbox showing the message in full. In the code you can adjust it how you see fit. Add the code to your theme’s functions.php file.

This code supports the Easy Fancybox required classnames to make it work that you’ve already installed. In addition to adding the above code to your theme, you will need to go to the admin menu > Settings > Media. There will be a section called “Fancybox” (added from Easy Fancybox Plugin) with a series of checkboxes. Make sure you enable “Inline Content”. Then you should be good to go.

Ok that particular lightbox plugin does not allow for inline-content to be used. You will need to find another one such as this one: Easy Fancybox (free from plugin repo). This one does the same thing as the one you referenced and allows for inline content.

Let me know if you pick that one or another one that allows inline-content so that I can format the edit for you.

Is this in regards to the previous “spirit…” site? Does it include a lightbox plugin such as prettyPhoto or fancybox?

This is currently how flexslider.js handles the transition and is outside my control. Have you tried using the fade transition to see if it is less noticeable?

Hi ctutu,

This would be a customization you would need to make by utilizing one of the available filters such as the bne_testimonials_the_content filter. This particular filter would all you to adjust the testimonial content output by changing get_the_content(); to get_the_excerpt();

Then you would perhaps use a lightbox to display the remaining of the testimonial from a “continue reading” link or perhaps use a toggle show/hide method.

Sure, you can contact me directly from my website.