Layer window - Settings (parallax, responsiveness)
You can find some of these options next to your slide editor too.
If the Parallax is turned on at the slider's settings, you can choose the parallax depth of your layer in here, which means, that you can make one layer to feel like it's deeper, than the other with the lower parallax effect.
Would you like to see some example on how the parallax effect is working on real sliders? Check out these demo sliders:
- Off - Your whole item will be visible, even if it's bigger, than the layer.
- Mask - Only those parts of your item will be visible, which are inside the layer. The layer animation will happen to the item, so the layer will cover the outside parts during the animation too.
- Enabled - Only those parts of your item will be visible, which are inside the layer.
- Scroll - Only those parts of your item will be visible, which are inside the layer, and a scroller will appear, if your item is bigger, than the layer.
The layer is rotated by the given degree.
The align is defining from where your layer will be positioned to, either to the sides of the slide, or to the layer's middle point. This option will come handy, if you will use one of the next layer responsive options too. At the buttons you should make sure, that your layers have "auto" heights and widths to make this work as it was intended to.
For example, if you will want to have two heading layers to stick together, and you would turn off the responsive options, and turn on the Adaptive Sizing for the fonts, while your slider would be set to always have the same height, you will have to align your layers together, because if you would align one to the left, and one to the right, they will adjust themselves differently to those sides. But it's all up to the settings you will use, because if you would leave the Position - Responsive on, Size - Responsive off, Font - Adaptive sizing on, and your slider's height would go smaller with the screen, you would need to align them just the other way, one layer to the right, the other to the left, and if wouldn't work with centered aligning.
This option is also good for dynamic slide generators, because the responsive point won't change it's position, and if you want to put two text layers next to each other, when you don't know, how long the text will be, the right aligned layer will push the text to the left, not to the right.
You can modify the font size on different devices, if you feel like the fonts are too big or too small on a certain device.
When this option is turned on, the fonts inside the layer won't go smaller with the slider, but they will have the size you specify at each device.
You can adjust the layer in the X axis based on the Align parameter.
You can adjust the layer in the Y axis based on the Align parameter.
If this option is turned on, the distance between the layer and the canvas will be responsive, which means for example if you put your layer into the left top corner, then as your slider will get smaller or bigger, the layer will stay in that left top corner, but if your turn this option off, the layer will always stay in it's starting position, if the slider will get smaller, the layer will stay outside, and if the slider will get bigger, the layer won't be in the left top corner, just in that left higher position.
You can adjust the layer's width.
You can adjust the layer's height.
If this option is turned on, the layer will get smaller or bigger, as the slider goes smaller or bigger. If you turn it off, the layer will always have the size specified at each device.
Relative point Expert
You don't have to align your layers to the slide or to it's middle point, but you can also align it to another layer. This way you could ensure them to stay next to each other without covering each other on smaller views, even if you use different responsive options on them. The relationship between these layers will be parent/child, so if you move the parent, the child will move with it too since it's positioned from that layer.
You can choose to show or not to show your layer when it switches to desktop, tablet or mobile view. This is good, because if you have a lot of layers, on phones there isn't enough space to properly show everything.
If the item inside your layer doesn't have 100% width, you can align it inside the layer.
You can add custom CSS class to the layer if you would need it for coding reasons.
If you have adjusted your layer in tablet or mobile view, the desktop view layer adjustment won't affect it anymore unless you press this button, and reset its position to show the desktop position again. (The Reset position button only shows up in the different device views.)