Slick slider crops the photo, how to fix it?

Question

css

I installed a slick slider, in the lower slider it cuts the first and last photo.



For the first photo I found the line:

<div class="slick-list draggable" style="padding: 0px 50px;">

But I don’t understand where to edit, and also how to resize the bottom images?

Site gradk.com/ver3.html

Answer 1

I once hacked it and wrote this code.
slidesToShow: 3, // how many slides to show in the carousel
slidesToScroll: 3 // how many slides to scroll at a time

$(function() {
    $('.slider__inner').slick({
        autoplay: false,
        autoplaySpeed: 2000,
        slidesToShow: 1,
        slidesToScroll: 1,
        fade: true,
        asNavFor: '.thumbs',
        arrows: true,
        responsive: [{
            breakpoint: 502,
            settings: {
                dots: true,
            },
        }]
    });
    $('.thumbs').slick({
        slidesToShow: 5.9,
        slidesToScroll: 1,
        asNavFor: '.slider__inner',
        dots: false,
        arrows: false,
        focusOnSelect: true,
        infinite: true,
        responsive: [{
            breakpoint: 828,
            settings: {
                slidesToShow: 5,
            },
        }, {
            breakpoint: 638,
            settings: {
                slidesToShow: 4,
            },
        }]
    });
});