Faux full screen slider gallery, can;t align vertical to bottom

[LMNOP]

Hi, I am trying to make a slider gallery that is fullscreen via bleeding into the background. What I am having trouble with is aligning the images to the bottom of the screen. I put in a group and have the group align vertical to bottom. But despite doing this the slider inside, that group always stays at the same place and depending on window size, some images it cuts off the bottom and others it floats up so there is a black line of the background below.

[LMNOP]

This reply has been marked as private.

[SeaTheme]

Hi there,
Welcome to SeaTheme forum.

I’m not sure I understand your question. You said that some pictures will be cropped or floating, can you take a screenshot to explain (please take a screenshot of the entire browser window at the same time), you can upload the screenshot file to a network disk like Dropbox and paste the link of the picture file here.
Also please temporarily deactivate Slider’s autoplay, because it is very inconvenient for me to check the webpage. You can turn on autoplay after the file is resolved.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[LMNOP]

This reply has been marked as private.

[SeaTheme]

Thanks

1. The option “fit image to container” should be activated

2. Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

.slider-img-fit-contain .grid-item-img { 
    object-position: bottom;
}

———————
If it doesn’t work, may I check your website? Could you please leave your wp-admin access (URL / username/password) by picking up “Set as private reply”?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[LMNOP]

That worked. thank you very much!

[LMNOP]

This reply has been marked as private.

[SeaTheme]

Hi,

I cannot check the slider if the autoplay is activated. Please disable “autoplay”. You can re-activate it late. Thanks

There is no the pause/play-button feature.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[LMNOP]

This reply has been marked as private.

[SeaTheme]

Thanks

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

 .iOS.page-id-1695 .slider-style1 .active .item {
    transform: scale(1);
    transition: none;
}
.iOS.page-id-1695 .wrap-all,
.iOS.page-id-1695 #content{ 
    min-height: 100svh;
}
@media (orientation: portrait){
 .iOS.page-id-1695 .slider-style1.slider-mod-wrap:not(.slider-height-auto), 
 .iOS.page-id-1695 .slider-style1:not(.slider-height-auto) .owl-carousel {
    height: 100svh;
 }
}  

Please purge the cache if there is a cache set on your WordPress, also clean your browser cache also.
Let me know the result, thanks!

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[LMNOP]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[LMNOP]

This reply has been marked as private.

[SeaTheme]

Hi, thanks,
It works now. I removed the Group module, it is not necessary.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[LMNOP]

brilliant, thank you!

AW

[Author]

Posts