Adjusting the spacing between the Slick Slide thumbnails

[lesliekirk]

I need to make changes to the spacing between the thumbnails for the Slick Slide used for the Related Products. I have found that I can add variableWidth: true and it will Disable the automatic slide width calculation. But it seems to throw the display of thumbnails out of whack. The slidesToShow: 3 becomes more like 3 and 1/2 or 3 and 3/4ths. I suspect there is so much that I need to understand for this slider.

The site is behind a password protected directory so I am not able to share.

[Matt Zimmermann]

Hi Leslie,

I believe, when it comes to using Slick Slider, adding padding to the elements is a better way to adjust the spacing between individual items. You might try adding this to your CSS:

.related-products-carousel .category-product {
    padding-right: 0.5em;
    padding-left: 0.5em;
}