I am working with slick carousel on Magento 1.9 this is the current render

enter image description here

This is the render that I want to have

enter image description here

The color code is :

Blue -> Product Image

Red  -> Product Name and Description below

Green -> Price of the Product

I want to modify the width of the products (Css style)

When I have inspected I found that

opacity: 1;
width: 960px;
transform: translate3d(0px, 0px, 0px);

<div class="slick-track" role="listbox" style="opacity: 1; width: 960px; transform: translate3d(0px, 0px, 0px);"><li class="item slick-slide slick-current slick-active" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 192px;" data-slick-index="0" aria-hidden="false">

So to modify the class .slicktrack whether we can modify from this file slick.min.js or slick.css For the file slick.css that is here

    position: relative;
    top: 0;
    left: 0;

    display: block;

and for the slick.min.js

here is the location of piece of code

b.$slider.addClass("slick-slider"),b.$slideTrack=0===b.slideCount?a('<div class="slick-track"/>').appendTo(b.$slider):b.$slides.wrapAll('<div class="slick-track"/>').parent(),b.$list=b.$slideTrack.wrap

I want to know to change the style (width) I should modify the css file or the min.js one

Thanks in advance

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.