Centre height aligned Carousel
-
Hey Armin
Thanks for such a speedy response! :+1: ) the fading works great.
Ideally, I'd like the carousel to adapt and become smaller like those sites — is there a simple piece of html or css for this?
Thanks for your help much appreciated!
Fraser
-
hey!
Ideally, I'd like the carousel to adapt and become smaller like those sites — is there a simple piece of html or css for this?
No there isn't, it's something that I would need to code as an additional feature.
-
Hi @arminunruh ,
how come even after making a row browser filling, setting the frame top to 0 and aligning the carousel to the middle it's not height centered?
http://www.querida.si/test-videos-2
Thanks in advance!
-
Hey strk!
Oh, yea hmm could be a bug. What settings do you have here?
"lay options" -> "carousel addon"
When I uncheck both I don't have extra space at the bottom. But of course if your captions are just empty or sth there shouldn't be extra space either. But what I find weird is that I see the "numbers" html markup but nothing in there.
btw your website is pretty amazing :)
-
You were right @arminunruh ! I had "show captions" activated but I wasn't using them.
Btw thanks for your kind words! Your theme is pretty amazing too! :) -
@arminunruh is there any chance this will be implemented in the future? personally i think it would be really useful in many cases :)
-
what exactly?
so if you want to have a carousel that adapts its height like here:
you can now set the carousel to "fixed height" when you edit the carousel
and use a value like 80vh or sth
or:
calc( 100vh - 100px )
-
@arminunruh when setting fixed height of carousel to 70vh for example, the next / previous arrows are not aligned to the middle, can you fix this please?
-
so i just created a 70vh height carousel and the prev/next arrows are center aligned.
do you have a link to where this happens? on your site i cant see the arrow buttons -
@arminunru Thanks for the quick reply!
The arrows are only visible on the mobile version. (Ios, safari)
Setting the aspect ratio according to the first picture is a workaround, sort of.
Currently I am using fade transition because I prefer that, but on mobile when it is set to fade it is not possible to swipe between the pictures :(, therefore I am forced to use slide transition on the mobile version.
It is definitely not end of the world but it is one more thing to remember, one more setting to tweak and I cannot just sync the carousal between mobile and web version.
I think swipe navigation option for a carousal is a must nowadays, do you think it could be implemented for the fade transition, too?
Thanks a lot for your hard work, really appreciated.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it