like this? http://imgur.com/3sD61gU
first the picture in bigger size.
then the name
then the comment.
how can i get this effect? Thank you, greetings.
and how can i get the font color WHITE? :)
and how can i get the arrows in white color? :) thank you so much, conny
Hi Alexander!
Please add following code to Quick CSS
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
width: 180px;
height: 180px;
float: none;
}
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: center;
width: 100%!important;
}
#top .av-large-testimonial-slider .avia-testimonial-name {
font-size: 30px;
}
Best regards,
Yigit
Cool thank you Yigut. How can i get the Name of the person and the picture above the comment?
Hi!
Please add the following CSS in Quick CSS
.avia-slideshow-arrows .avia-slideshow-controls, #top .av-large-testimonial-slider .avia-testimonial-content {
position: absolute!important;
top: 300px;
}
Regards,
Vinay Kashyap
Sorry but don`w work.
Hey!
Please add 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');
Best regards,
Yigit
Done. And now effect.
Hey!
Please flush browser cache. I can see the changes.
You should change following custom CSS code
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: center;
width: 100%!important;
}
to following one
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
float: none;
text-align: center;
}
Cheers!
Yigit