Use Browser Hight / Center Column / Carousel speed
-
Hi
I hope there might be some help for me. I can't figure out a way myself.
-
Maybe I got the wrong idea about the „Use Browser hight for row hight“ but it seems not to work for me. I want the Images in a Carousel to fit (80%) the size of the browserhight instead of the with. (As this is an issue supposed to be fixed in last update - could it be a problem with Wordpress 4.7.2?)
-
I use a single project Page with a Carousel to slide horizontal. Center Alignedment will only center the elements. How can I center the single column?
-
Is there an easy way to adjust the horizontal Slide in the Carousel in speed on mouse clicks? Similar to the Fullscreenslider Speedoption?
Thanks a lot already
Fabian
-
-
I'm guessing you could set your own CSS to have 80% of browser height as your carousel height :
select your row "add custom class or id" :
custom-class
Then add this code to your custom css :
custom-class . lay-carousel-wrap { height: 80vh; }
To set the transition speed of your carousel you have to change the "friction" and "attraction" parameters. Add this code to "custom HTML and CSS at bottom" general laytheme option
window.Frontend.GlobalEvents.on("projectpageshown", function(a) { setTimeout(function() { jQuery('.lay-carousel').flickity({selectedAttraction: .005, friction: .2 }) ;}, 100) });
Did not tested the first CSS thing, not sure this all works. The last bit of code should.
-
Saidly, both things did not work.
For the 80% height, in the Editorfield it hints 'Expected IDENT at Line1, col15.The Friction adjustment hints 'Non space characters Found'. On my site the code is just shown as unstyled text at the buttom.
Just a character in the wrong place or any other idea how to solve this?
-
@rsepierre Thanks a lot for your advice!! :)
Maybe I got the wrong idea about the „Use Browser hight for row hight“ but it seems not to work for me. I want the Images in a Carousel to fit (80%) the size of the browserhight instead of the with. (As this is an issue supposed to be fixed in last update - could it be a problem with Wordpress 4.7.2?)
There is an option for when the fullscreen-slider addon is active. "lay options" -> "fullscreen slider addon" -> "Give elements a max-width and max-height and center them".
This only works for pages where that addon is active. Normally, all the element's sizes are width-based.
I use a single project Page with a Carousel to slide horizontal. Center Alignedment will only center the elements. How can I center the single column?
I'm not sure what you mean. Do you mean you want to have the carousel element centered vertically and horizontally?
Look, in this video, I place an image in a centered way: http://laytheme.com/documentation.html#use-browser-height-for-row-height
You can always select an element and click the alignment buttons in the gridder header:
Is there an easy way to adjust the horizontal Slide in the Carousel in speed on mouse clicks? Similar to the Fullscreenslider Speedoption?
Hmm no at the moment there isn't.
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