The problem is that you have added custom HTML to the layers. The slider only resizes the layer itself but if you insert custom content into it you will have to make sure that the content is responsive as well so it can follow up on the layer's changes.
I'd recommend to create those lines as separate text layers and not merge them into one element. After that you can style them separately with the plugin's built-in options.
That's why I wrote it directly in HTML, with the problem of the size of the font on mobiles. The plugin's built-in options don't give this possibility.
The plugin does provide options to achieve this, so you do not have to use html or css.
Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet). This new feature gives you the option to create separate layers for mobile and desktop view in the same slide and only show them on the required device.
Furthermore, you have the option to set a minimum font size for texts on mobiles as well.
Hello In the end, if I understand correctly (thanks for excusing my English), there is no way to create shaded texts. Too bad, I was counting on the css client to do it. cordially
There is a way to add shadow to texts with the plugin settings. You will need to enter the following to the Layers -> Styles -> Custom CSS field to achieve it: text-shadow:
Hello
I have the following problem: the text of the slide is too large on mobiles. Is not the layer responsive?
cordially
Hey LOLL,
The problem is that you have added custom HTML to the layers. The slider only resizes the layer itself but if you insert custom content into it you will have to make sure that the content is responsive as well so it can follow up on the layer's changes.
I'd recommend to create those lines as separate text layers and not merge them into one element. After that you can style them separately with the plugin's built-in options.
Hi Attila,
I try to put my text in shadow.
That's why I wrote it directly in HTML, with the problem of the size of the font on mobiles. The plugin's built-in options don't give this possibility.
And the Custom Css with
h1 {text-shadow: 2px 2px 4px #000000} or
.ls-wrapper ls-in-out {text-shadow: 2px 2px 4px #000000;}
do not work.
The plugin does provide options to achieve this, so you do not have to use html or css.
Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet).
This new feature gives you the option to create separate layers for mobile and desktop view in the same slide and only show them on the required device.
Furthermore, you have the option to set a minimum font size for texts on mobiles as well.
Hello
In the end, if I understand correctly (thanks for excusing my English), there is no way to create shaded texts.
Too bad, I was counting on the css client to do it.
cordially
There is a way to add shadow to texts with the plugin settings. You will need to enter the following to the Layers -> Styles -> Custom CSS field to achieve it: text-shadow:
2px 2px 4px #000000;
Thank you!
It works well.
Initially I tried to indicate a class as .class_name { text-shadow...... }.
In fact it is easy.