Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 29, 2024 at 9:54 pm #1446990
    joandjaxx

    Hi, The arrows on my testimonial slidier are not looking correct. I have added some custom css for the iconbox icons and maybe that is why they are conflicting with the testimonials area…

    Here is the icon code

    /* Icon Size */
    .iconbox_icon[data-av_icon]:before {
    font-size: 50px!important;
    }
    .iconbox_icon {
    margin-right:20px!important;
    }

    .home #av_section_6 .container {
    max-width: 100%;
    padding: 0;
    }

    .iconbox_top .iconbox_icon {
    font-size: 60px!important;
    text-align: center;
    height: 60px;
    width: 60px;
    line-height: 56px;
    top: -34px;
    margin-left: -45px;
    }

    May 30, 2024 at 6:05 am #1447010
    Ismael

    Hey joandjaxx,

    Thank you for the inquiry.

    Please add this css code to correct the alignment of the nav arrows:

    #top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before {
    padding-top: 0;
}

    Best regards,
    Ismael

    May 30, 2024 at 7:03 pm #1447104
    joandjaxx

    Thanks. That worked. The top portion of the circle looks to be cut off as well. Do you see that on your end?

    May 31, 2024 at 3:46 am #1447127
    Ismael

    Hi,

    The top portion of the circle looks to be cut off as well. Do you see that on your end?

    Please include this css code to prevent the circle from being cut off:

    #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    margin-top: 0;
}

    Best regards,
    Ismael

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