search

brainhubeu / react-carousel

A pure extendable React carousel, powered by Brainhub (craftsmen who ❤️ JS)
https://brainhub.eu/
MIT License
1.07k stars 164 forks source link

How to easily change the style of the arrows? #655

Open mafiusu opened 3 years ago

mafiusu commented 3 years ago

Hello community I've imported react-carousel and displayed the component. I was asking myself of how I can easily change the styles of the arrows? Is there any prop I can send it by components or is it handled by css and if yes, how? Many thanks already

Prasundas99 commented 3 years ago

It is solely handed by css file present in node module

@brainhubeu/react-carousel/lib/style.css

Follow this path in css and customise the style with your need

Thank you.

cratag commented 3 years ago

It is solely handed by css file present in node module

@brainhubeu/react-carousel/lib/style.css

Follow this path in css and customise the style with your need

Thank you.

I've changed the css with no effect.

My solution was to copy the contents of the style.css file in node_modules/@brainhubeu \ react-carousel/lib/style.css and create a new style.css file in my directory, then changing that file. And instead of importing '@brainhubeu/react-carousel/lib/style.css'; I simply imported my new css file, with the modified style.