Owl Carousel and Slider shows PREV NEXT text with Icons

Comments

5 comments

  • Official comment
    Avatar
    Support

    There was a recent Google Chrome update that caused the text you see on the Owl Carousel Buttons to render in this way. We've already taken this update into consideration and have developed an alignment for compatibility with the new Google Chrome version. This compatibility alignment will be available in the next version of the Owl Carousel extension, so keep an eye out for that and make sure you upgrade to it as soon as it's out! :)

    Comment actions Permalink
  • Avatar
    Daniel

    Did you get a response to this? We are having the same issue? 

     

    0
    Comment actions Permalink
  • Avatar
    Luis Magaña

    Daniel have not received any help with this issue :(

    0
    Comment actions Permalink
  • Avatar
    Daniel

    I was able to come up with a work around Luis.

    Navigate to Content > Pages

    Select the page that the slider is on, mine was on Home Page 10

    Paste the below CSS in the Design > Custom Global CSS - Make sure not to delete anything else that may be in there. I cleared my Cache, opened in Incognito and now it is how it should be. 

    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-prev{
    color: rgba(255, 255, 255, 0) !important;
    }
    .owl-theme .owl-controls .owl-nav [class*=owl-].owl-next{
    color: rgba(255, 255, 255, 0) !important;
    }

    This is user beware, i dont know what effect it has on the rest of the site so you will need to test that for your self. If i encounter any issues in my QA i will post back here. 

    0
    Comment actions Permalink
  • Avatar
    Luis Magaña

    Awesome Daniel, thanks!

    0
    Comment actions Permalink

Please sign in to leave a comment.