Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 5, 2023 at 6:03 pm #1409648
    woogie07

    Hi

    I am trying to create a rotating staff contact that shows a circular image and position, with navigation arrows.

    The best solutions seems to be using the Testimonials element without a quote.
    The image defaults to circle.

    See my link in Private.

    A few things:
    1. Is there any css to display the circular image larger?
    2. Can the navigation arrows centre horizontally on the circle image? (they are slightly higher)
    3. Can the image and position align left? – this is not that important, it looks ok centred

    The alternative way I was thinking to create this, was using tab section element without the tab headers?

    Let me know what you think.

    June 6, 2023 at 2:16 am #1409699
    Ismael

    Hey woogie07,

    Thank you for the inquiry.

    To adjust the size of the testimonial image and text, as well as move the arrows lower and align them to the center, you can add the following CSS code:

    #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    width: 180px;
    height: 180px;
}

#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
    line-height: 2.8em;
    padding-top: 30px;
}

#top .av-large-testimonial-slider .avia-slideshow-arrows a {
    top: 70px;
    margin-top: -1px;
    opacity: 0.1;
    font-size: 45px;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

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