Fullscreen carousel doubt

[ellepi]

Hello Guys,
maybe this is a stupid answer, but i try :)
My website (www.lorenzoperrotta.org.uk) use a full screen carousel, but i don't like that when i resizing or visualize on tablet, the result is the resize image with a black part down, so I would in any case the site is fullscreen, maybe by cutting like this ivypark.com.
Does anyone know how to do it?
I hope I have explained it well, thank you and have a great week end!
:)

L

[mariusjopen]

Hi Elle!

I would play around with this:

.row.one-col-row {
    padding: 0px;
}

.row-inner {
    padding: 0px !IMPORTANT;
}

.lay-carousel-wrap {
    width: 100vw !important;
    height: 100vh;
}

The solution is not 100% but you can get the idea.

I hope that helps. Let me know if you face trouble!

Best!

Marius

[lauramas]

Hello!
I would like to know where i need to copy+ paste this code for it to work?

I used it here, does that make sense? I tried pasting it everywhere else but it isn't working for some reason, not sure if i need to add anything else to the code?

Thank you! :)

[Richard]

Dear Laura

@lauramas

Yes this is correct :)
If you want to see the CSS being applied to your site - you can also add the code via:

Customize > CSS

(note: they are the same input field, but one allows you to see the changes live - remember to click 'publish' when done )

Best wishes Laura 🌸
Richard

[lauramas]

Hi Richard,

That's precisely what I've done but it unfortunately doesn't work. :/ As you can see on the screenshot below, whenever I change the ratioof the page, the image is not fullscreen, but cropped. :/ Any ideas why?

[Richard]

Dear Laura

@lauramas

I apologise for such delay - Do you still have issue with the copped images?

---

Talk soon & have a wonderful day 🌼

Richard