Padding between slide item

akiran / react-slick

React carousel component

http://react-slick.neostack.com/

MIT License

11.76k stars 2.11k forks source link

Padding between slide item #1655

Closed futurify-ydang closed 4 years ago

futurify-ydang commented 5 years ago

Guidelines for posting a new issue

Please replicate your issue with this CodeSandBox and provide a link to it along with the issue description

I want to add spacing between the slider item like responsive example but it seems like there is an issue with the padding. Can you help me in this case? Thanks

https://codesandbox.io/s/react-slick-playground-pl0o5

sscaetite commented 5 years ago

Same mistake here

spvalencia commented 4 years ago

I solved as below

& .slick-list { margin: 0 -7px; & .slick-slide > div { padding: 0 10px; } }

akiran commented 4 years ago

yes, this should be solved with custom css

AhmadRaza9 commented 6 months ago

@akiran @sscaetite @futurify-ydang @jeffh @spvalencia It's not working in tabs mega menu, Also when open tabs mega menu, all slides width is 0px, Let me know how to resolve 0px width issues and proper way to add gap between slides.

qiutian00 commented 5 months ago

I solved as below

& .slick-list { margin: 0 -7px; & .slick-slide > div { padding: 0 10px; } }

Works for me