Hi, I use Sp_PageBuilder for a website, and I've encountered this problem: On the home page (https://www.fondazionebeltramo.org/preview/), a page appears that begins with a single-column section containing a carousel. I want the entire row to have a gray background (#ececec) to cover the width of the browser window. The carousel, however, has the width of the template body. The photos displayed in the carousel all have the same dimensions of 1440x400, but they are slightly reduced when displayed at 1290x358, but this isn't the problem. The dimensions are specified in the attributes of the DIV that defines the carousel, but I haven't found a place to specify them. Furthermore, while the width is fine, the height is always specified as 500px, which causes the gray background to display higher than the photo, making the gray band appear longer (towards the bottom) than the photo itself. To solve this problem, I tried entering 358 in the "" field (indicated in red in the attached image) and it worked. I'm attaching two images, the first with the value 358 and the second without. The question is: how can I make this value dynamic, that is, equal to the actual height of the image as displayed? If I specify the value and view it full-screen, everything works fine, but if I reduce the window size, the gray band obviously stays the same height and therefore extends below the image. I hope I've explained the problem clearly. Thanks, Luigi

Attachments: 1 screenshot with the value 358 applied [https://www.fondazionebeltramo.org/preview/images/work/attc_01_358_applied.png] 2 screenshots with the value 358 NOT applied [https://www.fondazionebeltramo.org/preview/images/work/attc_02_358_NOTapplied.png] 3 screenshot of the page where I set the value [https://www.fondazionebeltramo.org/preview/images/work/attc_03_backend.png]