large testimonial image and description position

Hey dondela,

Thank you for using Enfold.

Yes, that’s possible. Please add this script in the functions.php file.

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
    function ab() {
        $('.avia-testimonial').each(function() {
            var meta, image;
            meta = $(this).find('.avia-testimonial-meta');
            image = $(this).find('.avia-testimonial-image');

            meta.insertAfter(image);
        });
    }
    
    ab();
})(jQuery);
</script>
<?php
}

And then add the following css codes in the QuicK CSS field.

.avia-testimonial-image {
    float: left;
    margin-right: -200px;
}

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the script a bit and added a few css codes. Please remove browser cache or hard refresh before checking the page.

Best regards,
Ismael

Hi,

We adjusted the css codes a bit.

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */
#top .av-large-testimonial-slider .avia-testimonial-content {
    text-align: left!important;
    display: block;
    width: 90%;
    margin: 0 auto;
}

#top .avia-testimonial .avia-testimonial-image {
    float: left;
    display: block;
    width: 30% !important;
	height: auto;
}

#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    padding-top: 0 !important;
}

#top .av-large-testimonial-slider .avia-testimonial-meta {
    display: block;
    margin: 10px 0 50px 0;
    float: left;
    width: 65% !important;
}
}

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia-testimonial-image {
    margin: 0 auto;
    float: none;
  }

	#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
      text-align: center;
   }
}

Best regards,
Ismael