Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 31, 2025 at 3:55 pm #1490817
    lelouxwebdesign

    Hi
    Is it possible to replace the navigation arrows in the compact view of the testimonials feature?
    The navigation arrows are now visible through the text unfortunately…

    Hope you can help me..
    Greetz
    Karin Leloux

    November 1, 2025 at 10:05 am #1490836
    Rikard

    Hey lelouxwebdesign,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    November 1, 2025 at 2:48 pm #1490849
    lelouxwebdesign

    Hi Rikard
    In the private content a link to the website; scroll down to nearly the end of the home page…

    Greetz
    Karin

    November 1, 2025 at 7:32 pm #1490858
    Rikard

    Hi,

    Thanks for that. You can hide them in the element options, check under Styling->Navigation Control.

    Best regards,
    Rikard

    November 2, 2025 at 12:16 pm #1490871
    lelouxwebdesign

    Hi Rikard
    I know that i can hide the arrows but i would like them replaced above the text of the tetimonials; so they have to be visible but not seen throuht the text..
    Or doni have to adjust the text and if yes what can i do to this.
    Btw; in the big testimonials view the arrows are placed in the way i want..

    Greetz
    Karin Leloux

    November 3, 2025 at 8:14 am #1490877
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    .avia-slider-testimonials .avia-testimonial-content {
  padding: 40px 15px 15px 15px;
}

    Best regards,
    Rikard

    • This reply was modified 3 weeks, 4 days ago by Rikard.
    November 3, 2025 at 10:07 am #1490879
    lelouxwebdesign

    Hi Rikard
    Unfortunately this does not work….:-(
    I will send you in the private content the login credentials for the website.

    Greetz
    Karin leloux

    November 3, 2025 at 4:57 pm #1490894
    Rikard

    Hi,

    I’ve added the code for you, and it’s working. Please review your site.

    Best regards,
    Rikard

    November 4, 2025 at 8:24 am #1490907
    Guenni007

    the position of those arrows is set in testimonials.css by:

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

    so if you like them above the content area – try:

    @media only screen and (max-width:767px) {
  #top .avia-testimonial-wrapper {
    overflow: visible !important;
  }
  #top #wrap_all .av-large-testimonial-slider .avia-slideshow-arrows a {
    margin-top: -50px;
    opacity: 0.5;
  }
}

    but you had to be shure that the content from above the testimonials does not come into conflict with that area.

    November 4, 2025 at 10:38 am #1490913
    lelouxwebdesign

    Hi Guenni007 ( and Rikard )
    It works; tnx!
    Where can i find testimonials.css?

    Greetz
    Karin Leloux

    November 4, 2025 at 10:49 am #1490914
    Guenni007

    This is an Enfold CSS that controls the respective element.
    In this case it can be found here: /enfold/config-templatebuilder/avia-shortcodes/testimonials
    But at least the Quick CSS variant will remain intact when you update Enfold.

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