Change Carousel Size?

  • Resolved MFrisco

    (@mfrisco)


    10 years, 6 months ago

    Oh this is so close to being exactly what I need!!

    I see a way to change the slider size. Is there a way to change the carousel size also?

    I tried to change the carousel size using CSS, but now the images are blurry. I think the plugin is using a thumbnail of the featured image for each post. I was also forced to change the size of the slider-list to show all the images.
    ‘.slick-image-slide img {height: 500px!important; width: auto!important;}’

    Would appreciate any help!

    I’ll keep playing with it in the meantime and report back.

    http://gaileteresadesigns.com/testing/

    My goal is to ultimately recreate the css slider I’ve made on gaileteresadesigns.com, but give a way for users to press arrow keys to cycle through the images quicker, if they prefer.

    https://ww.wp.xz.cn/plugins/wp-slick-slider-and-image-carousel/

Viewing 1 replies (of 1 total)
  • anoopranawat

    (@anoopranawat)

    10 years, 6 months ago

    Hello,

    I have just checked your website and notice that you are using variable width.

    I have added new parameter ie [slick-carousel-slider image_size=”large”]
    where image sizes are thumbnail, medium, large, original. By default size is thumbnail NOT thumbnail. So by using this parameter you can solve image quality problem.

    Next i have just disable your css and notice that there are around 5 images are 5 coming at a time. So as per your design if you want to display 3 image at time then use the following parameter.

    [slick-carousel-slider image_size="large" variablewidth="true" slidestoshow="3" slidestoscroll="1" ]

    As you are using it full width and if your images height is 500px then it will come perfect. Note that in every responsive image sider always use equal height of all image.

    Please write me back if still you have any question.

    Thanks

Viewing 1 replies (of 1 total)

The topic ‘Change Carousel Size?’ is closed to new replies.