g787543 / infinite-react-carousel

Infinite carousel for react
https://g787543.github.io/infinite-react-carousel/
MIT License
109 stars 33 forks source link

Costumize arrows style #27

Open abdoutony opened 2 years ago

abdoutony commented 2 years ago

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

NisanAyash commented 2 years ago

any solution for this issue?

Hyslach653 commented 2 years ago

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