g787543/infinite-react-carousel

Costumize arrows style

Opened this issue · 2 comments

Is your feature request related to a problem? Please describe.
I want to be able to customize the arrows style

Describe the solution you'd like
arrows style cusmization is a an important feature if it is possible to add this feature as props to be given to the slider

any solution for this issue?

In order to customise the arrows you have to use the classes they are using: carousel-next and carousel-prev

I actually came here to say that they need to say this because I've been going crazy for 30min thinking I forgot everything about css but no, there's jsut some styling setting the custom arrows to color: transparent, font-size: 0, line-height: 0, etc

I suggest leaving one default arrow, inspecting the element and see for yourself

one last thing is in order to overwrite these styles you're gonnga have to use !important on your css file.

Screenshot 2022-07-15 at 14 31 49 Screenshot 2022-07-15 at 14 35 51