Owl Carousel and Slider shows PREV NEXT text with Icons
Lately I noticed a change in our slider where the arrow icon for the slider now shows the text PREV and NEXT for their respective arrow icons. I also noticed that your demo site on the extension is doing the same
My Site -> https://cl.ly/828022c42d23
Welt Pixel Site - > https://cl.ly/b68659ba5647
Any idea what may be going on, looks like a regression of some sore?
-
Official comment
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 -
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.
Please sign in to leave a comment.
Comments
5 comments