When I import the template below the title in the thumbnails was appeared as the template demo.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
I'm sorry, but I'm not exactly sure what do you mean by that. The example sliders in the Template Store are the exact copies of the sliders on the demo site. Could you please explain the problem in more details, or show us the problem ?
Best Regards,Attila | Kreatura Support Team
On the demo online, I can see the thumbnails has title (basketball, trainers....), but when I import this template, all the thumbnails donot have any titles.
Which demo slider are you referring to exactly ? The URL you copied here is just taking me to the main page of our demo site. But the homepage slider does not have thumbnail titles.
I attached the screenshot for the demo, it is under name for Shoes.
Attached files: Screen Shot 2019-02-12 at 3.06.54 PM.png
Thank you, I see it now. There are custom thumbnail images added to that slider, that is why the thumbnails look different. You can change this in the Slides -> Slide Options -> Slide Thumbnail tab. You can add any custom image there that will be displayed as the slide thumbnail, instead of the default look. You can take the image of the shoe, add some text to the image (using any image editor, LayerSlider also provides one built-in), and use that as the thumbnail. This way you can achieve the same look.
Thanks! But I am still cannot locate where I can add title to the thumbnails, please send screenshot so I can know where I can add title.
Please read my previous message again carefully. I've explained where and how you can do this exactly.
There is no such thing as title for thumbnails. Those are custom thumbnail images, where the text was added on the image using an editor. You can also do this with the mentioned option and by creating a custom image for your slide thumbnails.
So what is the suggested thumbnail size because I do 340x240 and it shows the text pixel.
I figured out the thumbnails sizes.
I have another question regarding the responsive, I turned on the responsive option but there is issue with it. Please check the attached screenshot for the slider. Also here is the screen shot from the slider setting.
Attached files: Screen Shot 2019-02-14 at 4.40.51 PM.png Screen Shot 2019-02-14 at 4.43.20 PM.png
What exactly is the issue you are facing with the responsive mode ? Please note that you are limiting the slider's responsiveness with the max-width option. It will not be fully responsive if you restrict the scaling with that option.
Could you please let me know the setting that I shall do to make it responsive.
It's the setting that I've mentioned in my previous reply. The Max-width option. Please try to remove that value from it. The slider should be properly responsive then.
I did what you did and the slider still not responsive
Please show us your site or a test page where we can check on the slider. Thank you.
Thank you. Both of your sliders had Responsive under 1200 set on them. This meant that the sliders will only be resized under that specific value. I removed this option from them and now they look properly responsive for me. Please check on it and let us know.
It doesnot look responsive to me, the title font looks very tiny compare to the font for the rest of the page when I resize the page.
on the other hand in the demo page all fonts in the page and slide are looks the same in the responsive page.
Please note that responsiveness means that the slider and its content are scaled to match the viewing environment. The slider and its layers will be scaled down on smaller screens to keep their aspect ratio and relative position. If the layers in the slider do not scale down together with the slider, they would just overflow the slider and don't fit it anymore.
However, you can work around this a couple ways.
For example, you could use the device specific layers feature. Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device.
With this you could set up larger layers for smaller screens. Furthermore, you also have the option to set a minimum font size for texts on mobiles. It's in the Styles tab of the layers.