Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 20, 2024 at 6:48 pm #1434934
    MikeTandySwag

    Hi Everyone,

    I’m trying to use the code found here for the arrows on the Content Slider – https://kriesi.at/support/topic/content-slider-arrows/

    However, it seems to show the letters for the word “Previous” and “Next” behind the arrows?

    And it seems to disappear on Mobile.

    How can I fix that?

    I put the page I’m working on in the private section

    February 21, 2024 at 5:20 am #1434953
    Ismael

    Hey MikeTandySwag,

    Thank you for the inquiry.

    You can add this css code to remove the text behind the arrow.

    #top #wrap_all .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-controls a {
    text-indent: 9999px;
}

    Best regards,
    Ismael

    February 23, 2024 at 5:40 pm #1435238
    MikeTandySwag

    Thanks! How can I remove the boxes on this page?

    Also how can I make it look good on mobile?

    February 24, 2024 at 3:44 pm #1435296
    Rikard

    Hi,

    Please try this CSS as well:

    #top .av-control-minimal-dark .avia-slideshow-arrows a::before {
  border-color: transparent;
}

    Best regards,
    Rikard

    February 25, 2024 at 7:24 pm #1435371
    MikeTandySwag

    Thanks! And then how do I make them appear correctly on Mobile?

    February 26, 2024 at 9:47 am #1435402
    Ismael

    Hi,

    The arrows seem to be displaying as they should. How would you like the arrows to appear on mobile view?
    Please note that the css code above should remove the border both on desktop and mobile view. If you want to apply it on desktop view only, please use this css code.

    @media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  #top .av-control-minimal-dark .avia-slideshow-arrows a:before {
    border-color: transparent;
  }
}

    Best regards,
    Ismael

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