Testimonial name on top - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts

January 3, 2015 at 5:17 am #374410

I know that I’ve found the solution to this before but now I can’t find it. I want to change the order of how the testimonials are displayed. Currently it shows the quote on top and the name on bottom. I want to switch that to where the name is on top and the quote below it. Does anyone know how to do this or link me to the solution already in the forum? Thanks a million!

smallbizva

January 4, 2015 at 3:59 am #374603

Ismael

Moderator

Hey smallbizva!

Thank you for using Enfold.

You can edit config-templatebuilder > avia-shortcodes > testimonials.php, find this code on line 388:

$output .= 		"<div class='avia-testimonial-content {$this->content_class}'  {$this->content_styling} {$markup_text}>";
				$output .= 		ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content));
				$output .= 		"</div>";
				$output .= 			"<div class='avia-testimonial-meta'><div class='avia-testimonial-arrow-wrap'><div class='avia-arrow'></div></div>";
	if(!$grid)  $output .=  $avatar;
				$output .= 				"<div class='avia-testimonial-meta-mini'>";
	if($name)	$output .= 					"<strong  class='avia-testimonial-name'  {$this->title_styling} {$markup_name}>{$name}</strong>";
if($subtitle)	$output .= 					"<span  class='avia-testimonial-subtitle {$this->subtitle_class}' {$this->title_styling}  {$markup_job}>{$subtitle}</span>";
    if($link)	$output .= 					"<span class='hidden avia-testimonial-markup-link'  {$markup_url}>{$link}</span>";
	if($link)	$output .= 					" &ndash; <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";
				$output .= 				"</div>";
				$output .= 			"</div>";

Replace it with:


				$output .= 			"<div class='avia-testimonial-meta'><div class='avia-testimonial-arrow-wrap'><div class='avia-arrow'></div></div>";
	if(!$grid)  $output .=  $avatar;
				$output .= 				"<div class='avia-testimonial-meta-mini'>";
	if($name)	$output .= 					"<strong  class='avia-testimonial-name'  {$this->title_styling} {$markup_name}>{$name}</strong>";
if($subtitle)	$output .= 					"<span  class='avia-testimonial-subtitle {$this->subtitle_class}' {$this->title_styling}  {$markup_job}>{$subtitle}</span>";
    if($link)	$output .= 					"<span class='hidden avia-testimonial-markup-link'  {$markup_url}>{$link}</span>";
	if($link)	$output .= 					" &ndash; <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";
				$output .= 				"</div>";
				$output .= 			"</div>";
$output .= 		"<div class='avia-testimonial-content {$this->content_class}'  {$this->content_styling} {$markup_text}>";
				$output .= 		ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content));
				$output .= 		"</div>";

Regards,
Ismael

March 12, 2015 at 7:40 pm #410681

smallbizva

Participant

Hi Ismael,

I tried this but it didn’t work. Do you have a way for me to add it to the custom.css or through the quick css within WP?

Thanks!
smallbizva

March 12, 2015 at 8:11 pm #410699

smallbizva

Participant

OK. I did find this:

function add_custom_script(){
?>
<script>
jQuery(function() {
	jQuery(".avia-testimonial-meta-mini").each(function(){
		jQuery(this).closest('.avia-testimonial_inner').prepend(jQuery(this));
	});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

This worked better, however, I would like the picture to still show up to the left. This is how I would like it to look (or very close to this):

March 12, 2015 at 8:12 pm #410701

smallbizva

Participant

OK. I did find this:

function add_custom_script(){
?>
<script>
jQuery(function() {
	jQuery(".avia-testimonial-meta-mini").each(function(){
		jQuery(this).closest('.avia-testimonial_inner').prepend(jQuery(this));
	});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

This worked better, however, I would like the picture to still show up to the left. This is how I would like it to look (or very close to this):

Testimonial

March 14, 2015 at 4:25 am #411385

Ismael

Moderator

Hey!

You can try this:

function add_custom_script(){
?>
<script>
jQuery(function() {
	jQuery(".avia-testimonial-meta").each(function(){
		jQuery(".avia-testimonial_inner").prepend(jQuery(this));
		
	});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Adjust the content position using css.

Best regards,
Ismael

Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.