Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 12, 2017 at 2:31 am #875639
    diefleischerei

    hi, how can i center the customer review image in the compact slider here: https://imgur.com/a/nEFiE that it looks like this: https://imgur.com/a/2dvqp

    Greetings, Alexander

    November 12, 2017 at 10:11 pm #875846
    Mike

    Hey diefleischerei,
    Try this code in the General Styling > Quick CSS field:

    .avia-testimonial-image {float: none!important; }

    Best regards,
    Mike

    November 12, 2017 at 11:07 pm #875872
    diefleischerei

    Much better, thanks Mike. Not really the middle but better. how can center the small arrow and the name of the customer?

    Thank you, greetings, Alex

    https://imgur.com/a/29NuJ

    November 12, 2017 at 11:08 pm #875874
    diefleischerei

    The same in responsive view :)

    https://imgur.com/a/VjOGI

    November 13, 2017 at 6:13 pm #876193
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-slider-testimonials .avia-testimonial-arrow-wrap { 
     left: 47%;
}

    Best regards,
    Yigit

    November 18, 2017 at 12:51 pm #878536
    diefleischerei

    Nearly perfect. Thank you Yigit. Is there a way to make it perfect? https://imgur.com/a/Qh1vd

    November 18, 2017 at 5:44 pm #878594
    Mike

    Hi,
    Please try adjusting to 48%

    .avia-slider-testimonials .avia-testimonial-arrow-wrap { 
     left: 48%; 
}

    From what I see the images are centered with the gray arrow at the bottom of the element, the small white arrows just need to go right a tad more.
    PS9_Bje_M
    To move their names over, add this code:

    .avia-testimonial-meta-mini {
        padding-right: 3%; 
}

    Best regards,
    Mike

    November 18, 2017 at 6:58 pm #878610
    diefleischerei

    Thanks Mike, but it think there is something wrong with the code. the images are no circles…. https://imgur.com/a/LlhFm

    November 18, 2017 at 8:16 pm #878627
    Mike

    Hi,
    There is a duplicate rule being applied, please try this code in the General Styling > Quick CSS field:

    .avia-testimonial-image {
    border-radius: 0px!important; 
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.