Extending carousel widget to full width of the page

[davilu]

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]

I did this in a POC.   I'm not sure if this is the 'right' way to go about doing this but I copied the Carousel widget, modified the HTML template so the image had a class, then modified that class to have a width of 100%.   That got me 85% of the way there but then I needed to remove padding and alter the arrows and shadows also with CSS.  

[danpatino]

Woops...I left something important out.   Change the width setting on your container to 'Fluid'.

[davilu]

Hi Dan, thanks for the suggestion.   I gave the image a class and then gave it full width:

.full-width {

        width:100%;

}

However, nothing changed for me...

[danpatino · Accepted solution]

Try adding this second line.

.full-width {width: 100%}

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