Extending carousel widget to full width of the page

davilu · ‎07-21-2017

Hi Experts,

I'm trying to get the carousel widget to fill the entire width of our page. How do i get rid of all the white space on the left and right of the carousel? If this was a regular banner, I would just designate an image as the background image, but I don't think that's possible with the carousel:

danpatino · ‎07-21-2017

Try adding this second line.

.full-width {width: 100%}

.carousel-inner > .item > .container {width: 100%}

View solution in original post

davilu · ‎07-21-2017

Awesome, thanks Dan! the fluid container definitely helped, I also added a class called no-padding and made the padding:0 and then applied it to the column on the page editor. Thanks!

Moedeb · ‎05-29-2019

Hey guys, this is exactly what I want to do as well, any chance you could share the full solution?

I am sort of lost with exactly what is in the HTML, CSS and Server Script after your comments.

I already have the container set to fluid, but that's about as far as I've gotten.