Announcement

Collapse
No announcement yet.

Adjusting the spacing between the Slick Slide thumbnails

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Adjusting the spacing between the Slick Slide thumbnails

    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.


    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    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:
    Code:
    .related-products-carousel .category-product {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    Working...
    X