Question re: Carousel Add-On + Use Browser Height

[jfrederick]

I have installed the carousel add-on, and I right click (using safari on my MacBook) to select the setting “use browser height for row height” however once I publish it, I still have to scroll to see the full images (without it being cut off) on the browser. Is there a way around this or should I be purchasing the slider add-on?

[mariusjopen]

Dear @jfrederick
I do not really understand your question.
Can you post a link?

Best!

Marius

[jfrederick]

@mariusjopen Hi! Yes - so on my homepage, Jessifrederick.com, I have carousel image add-on in use, and I have it set to "use browser height." However when my browser is set to full screen, I still have to scroll on the homepage. It isn't being responsive and sizing the content to the full-screen, locking it in, with no scrolling needed.

[mariusjopen]

Dear @jfrederick
you can play around with the CUSTOM CSS:

.lay-carousel img {
    height: 100vh !important;
}

.lay-carousel-slide {
    height: 100vh !important;
}

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

Let me know if that brought you further.

Best!

Marius

[jfrederick]

@mariusjopen - Thank you. I just inserted that Custom CSS however now it is adding white boarders around the edges of the images on the homepage in order to make the full photo fit. Any suggestions? I want the images to still be full bleed images, just within the browser height.

[jfrederick]

@mariusjopen Do you have suggested pixel dimensions to use so that way the images are responsive and full screen with no padding?

[mariusjopen]

Dear @jfrederick
the dimensions are always different depending on the window size.
Do the image will be cropped.

You can try to use the CSS command object-fit: cover; on the image.

Let me know if that helped.

Best!

Marius