Carousel width resizing

  • Resolved amebix

    (@amebix)


    10 years, 4 months ago

    Hello!

    I am currently having trouble with resizing the width of the carousel. I only want it to be about 600px in width, which I managed to do easily by adding CSS of:

    .carousel {
    width: 600px;
    }

    But now, it is no longer responsive when adjusting the browser size. Is there a way to make it responsive again even though I am using a fixed width?

    Or is the only way around this to use smaller images for the slideshow, so that the carousel adjusts the width according to the images? Which by the way, wasn’t working for me, which led me to adjust the width of the carousel using CSS to fit the photos better. I was under the impression that the Boostrap Carousel automatically resizes to fit the photo sizes in the slideshow? Instead, my carousel was spanning across the entire page, no matter what size photos I used – tiny or huge ones.

    Please let me know if anyone needs more information in order to help me out.

    Thank you!

    https://www.ads-software.com/plugins/cpt-bootstrap-carousel/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter amebix

    (@amebix)

    Also, in case anyone is wondering, I am using the Roots theme with the CPT Bootstrap Carousel.

    Plugin Author Phil Ewels

    (@tallphil)

    Hi amebix,

    Have you tried using max-width instead of width? That should limit the size of the carousel to 600px but allow it to shrink to less than that on small screens..

    The carousel will stretch the images to fit the width, so resizing images will not have an effect. You need to change the size of the carousel itself as you did initially..

    Hope this helps!

    Phil

    Thread Starter amebix

    (@amebix)

    Thanks Phil, that helped a lot! Much appreciated

    Plugin Author Phil Ewels

    (@tallphil)

    Glad it helped!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Carousel width resizing’ is closed to new replies.