Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #559794

    Hi

    I would like to change the position of image in testimonial

    I would like to move the image above the text like in the link

    #559872

    Hey shubhamnagar!

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    .avia-testimonial-image {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    Best regards,
    Ismael

    #559876

    Hiii

    Its not doing the required thing.

    #559996

    Hey!

    Please refer to my post here – https://kriesi.at/support/topic/testimonial-author-position-and-color/#post-471605

    Best regards,
    Yigit

    #560001

    Hi

    No its not doing the required.

    #560339

    Hi,

    Could you explain a bit further what you require? I had a look at the front page of the link you sent and the image is above the text there.

    Regards,
    Rikard

    #560342

    hi

    Yes i want it exactly like its on the front page.
    But on the front page image is not the part of the testimonial.

    There I have firstly used avia image image layout and underneath that there is testimonial.

    What I actually want is image should be a part of testimonial so that when the quote changes image should also change.

    #560595

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #560613

    Hi

    #560648

    Hi!

    Your functions.php file is not writable in Appearance > Editor. Please make it writable or post FTP credentials as well :)

    Regards,
    Yigit

    #561244

    Hi

    I don’t know how to make the file writeable.
    Even when I try to make a FTP I was not able to do that successfully so I am editing theme pages using winsp so which you will not be able to do in that case either you can provide me the code or I will be trying to make this file writeable or provide you with FTP credentials.

    #561254
    #561845

    hi

    function.php is writeable now

    #562602

    Hey!

    Please try the below css in Enfold Options > General Settings > Quick CSS

    
    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
        transform: translateX(85%)!important;
    }
    
    #top .av-large-testimonial-slider .avia-testimonial-content {
        position: relative!important;
        margin-top: 350px!important;
    
    }
    
    #top .av-large-testimonial-slider .avia-testimonial-meta {
        margin: -350px 0 0 0!important;
        position: absolute!important;
    }
    
    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
        margin-top: 400px!important;
        }
    

    Best regards,
    Vinay

    #562920

    Hiii

    No its not doing the required!

    #563372

    Hey!

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

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

    and then added following one to Quick CSS in Enfold theme options under General Styling tab

    .avia-testimonial-image {
        width: 100%;
        float: none;
    }

    Please review your website now

    Regards,
    Yigit

    #563720

    Hi

    the position of image is perfect but I can see only half image is visible.

    #563751

    Hi

    Thanks a lot Guyzzz it done!

    I updated the quick css code and now its fine and perfect.

    Thanks a lot guyzzz.

    #563964

    Hi!

    You are welcome, glad we could help :) Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘change the position of image in testimonial’ is closed to new replies.