Magnetic slides 100% viewport height?
alexbruno last edited by alexbruno
Is there any way to scale a magnetic slide and its contents to 100% viewport height?
I'm placing HTML5 videos in each slide and they go to 100% width, which leaves lots of space on the top and bottom. It's OK if the left and right sides of the videos are cut off.
I've been playing with the styling but can't seem to nail down what can make this work.
Here's a URL to an example page: http://abrudesign.com/beautytest3/videos/
Any help is appreciated, thanks!
Yeah, this is a feature that I implemented for youtube, vimeo videos and images. But I still need to make this work for html5 videos as well.
This is the option that enables the "max-width" and "max-height" in the magnetic slides options screen:
"Give images and videos a max-width and max-height and center them"
I'm going to make this work maybe like next week. Will let you know.
alexbruno last edited by
Ah, awesome! That's good to know. I was thought something was weird when I was adjusting the max-width max-height value and no changes were being made.
Thanks, I'll be on the lookout for any updates.
Hey, I just published the magnetic slides update. Let me know if it works for you!
I'm trying to accomplish something like this slider with the magnetic slides addon: http://www.wearecollins.com
I mean: a classic fullscreen slider with the projects. I can't set it up to fit in the browser, reducing the width shows blank space up and down. As alexbruno said, It's OK if the left and right sides are cut off.
I have "Give images and videos a max-width and max-height and center them" activated with 100%.
Can it be done?
The way to do this is this: http://laytheme.com/how-to-use.html#full-bleed-images
Full bleed images, essentially row background images with the rows set to height of browser.
Then you could put some text in those rows that link to your projects.
Gonzalo last edited by
Hello! I'm trying to do this as well, but it leaves lots of space on the top and bottom.
I'm doing it with a mp4 and with a vimeo video, but both have the same issue.
You can take a look here: http://work.gonzalosanchez.co/testvideo/
Any help would be great, thank you!
You can activate "Give images and videos a max-width and max-height and center them" and use a percentage like 90% in the magnetic-slides/"fullscreenslider" options. This way your video will always fit into a browser height and width.
But there's no way to make a vimeo video fill the whole screen (without borders around) right now.
I think in your link you just have a video that spans all columns.
Gonzalo last edited by
Oh, I guess I didn't understand then, so is not possible to have a full screen video, right?
That's a feature that I want to work on one day.
This post is deleted!
I just did an update for the fullscreen slider and now that should work too :D
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it