Testimonial Author Position and Color - Support | Kriesi.at

Hi paaploo!

Could you provide us with a link to the site in question so that we can take a closer look please?

Regards,
Rikard

July 6, 2015 at 9:53 am #468744

of course …

July 6, 2015 at 3:11 pm #468981

Hey!

Please go to Enfold/config-templatebuilder/avia-shortcodes and open testimonials.php file and find

				$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>";

and change it to

				$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}>";

and then refer to this post to move it to your child theme – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
and add following code to Quick CSS in Enfold theme options under General Styling tab to change authors name color

.avia-testimonial-name {
  color: orange!important;
}

Cheers!
Yigit

July 6, 2015 at 3:35 pm #469007

Hi Yigit,
the color change works fine and also the name is above, but the text-discription from the testimonial is gone :-(

This reply was modified 9 years, 5 months ago by paaploo.

July 10, 2015 at 1:46 pm #471434

Hello,
can somebody help?

July 10, 2015 at 4:26 pm #471570

Hey!

Please change the code in testimonials.php file to following one

				$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 class='avia-testimonial-content {$this->content_class}'  {$this->content_styling} {$markup_text}>";
				$output .= 			"</div>";

Cheers!
Yigit

This reply was modified 9 years, 5 months ago by Yigit.

July 10, 2015 at 4:46 pm #471590

Hi Yigit,
thank you for your answer – but it doesn’t work :-(

July 10, 2015 at 4:49 pm #471596

Hey!

I have updated the code above. Please try it now, if that too does not work, please undo all the changes and let us know.

Best regards,
Yigit

July 10, 2015 at 4:57 pm #471600

:-(

it doesn’t work – the code is now the original

July 10, 2015 at 5:09 pm #471605

Hi!

I have added following code to Functions.php file in Appearance > Editor


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');

and then added following code to bottom of Style.css file of your child theme


.avia-testimonial-meta-mini {
  margin-left: 100px;
}
.avia-testimonial-image {
  margin-top: -50px;
}

Please review your website now

Best regards,
Yigit

July 13, 2015 at 10:05 am #472207

Hi Yigit,
thank you – it works :-)

Is it possible to get the pictures in the position of the name? Now it is near by the description …

July 13, 2015 at 10:47 am #472224

Hey!

This part of code was removed from your style.css file

.avia-testimonial-image {
  margin-top: -50px;
}

I added once again, please review your website now.
Regards,
Yigit

July 13, 2015 at 11:02 am #472240

Thank you very much for your excellent support :-) It works fine.

July 13, 2015 at 11:04 am #472243