Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 19, 2015 at 12:29 am #555266
    djshortkut

    Can you please provide me with some quick css to center the testimonial image, name, and subtitle on all screen sizes. I attached an image from another website of how I want it to look. Thanks in advance!

    December 19, 2015 at 2:02 am #555289
    Elliott

    Hi djshortkut!

    Add this to your custom CSS.

    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    position: relative;
    float: none;
    left: 50%;
    transform: translateX(-50%);
}

    Best regards,
    Elliott

    December 19, 2015 at 6:26 am #555354
    djshortkut

    Thanks Elliott! It’s close. 2 minor issues:

    1. The testimonial image is off center. How can I adjust the code to make sure it stays centered over the name and subtitle.
    2. When you first scroll down to the testimonial slider section the image shows up on the right and then visibly moves over to the left. How can I make it so it just shows up centered and in the right place without visibly moving?

    Thanks!

    • This reply was modified 8 years, 11 months ago by djshortkut.
    December 19, 2015 at 8:42 pm #555444
    djshortkut

    I figured it out. You can close this thread.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center Testimonial Image, Name & Subtitle’ is closed to new replies.