-
AuthorPosts
-
May 4, 2017 at 6:49 pm #788002
http://www.responsinator.com/?url=http%3A%2F%2Fwww.lowcarbx.com%2Flp-masterclass%2F
Hi Yigit :)
I have serious problems with the layer slider. i have purchased the pro version. please take a look.
i have done all updates but there is still an error with the preview thumbnails at responsive view. the tumbs should be at the bottom of the slide not in the center.
please help. i have created an backend login for you. all the best, greetings from vienna, alexander
May 4, 2017 at 6:52 pm #788003also the arrows looks strange.
May 5, 2017 at 7:14 am #788226Hi Alex,
You will most likely have problems if don’t disable the bundled version of LayerSlider first, please this to your child theme’s functions.php file:
add_theme_support('deactivate_layerslider');
Best regards,
RikardMay 5, 2017 at 4:29 pm #788473May 5, 2017 at 4:30 pm #788475No there is no slider:
May 5, 2017 at 4:32 pm #788476i remove this code :) http://imgur.com/a/IYg9d
May 5, 2017 at 4:34 pm #788480I have another problem. Can you help me with this?
The slide works on desktop view but the images are to small for responsive iphone view. how can i scale a slider image up to double size only on smartphone view. are there settings for this?
Greetings, Alexander
May 5, 2017 at 4:36 pm #788483May 5, 2017 at 4:37 pm #788485Pro is activated. there i no other slider.
May 6, 2017 at 6:14 am #788720Hi,
The code in functions.php is commented out? Like I said you will likely run into problems if you have both versions active:
/* add_theme_support('deactivate_layerslider'); */
Best regards,
RikardMay 8, 2017 at 10:26 am #789374OK, but when i activate the code (i do this now!)there is no slider :(
May 8, 2017 at 10:26 am #789375Thanks for your help Rikard :) Must a activate the other silder manually. can you check this in the backend :) ?
- This reply was modified 7 years, 7 months ago by diefleischerei.
May 8, 2017 at 11:49 am #789444Hi Alex,
Please try this instead:
[layerslider id="5"]
You might have to use a Code Block element instead of a text block as well.
Best regards,
RikardMay 8, 2017 at 12:16 pm #789478OK, i have used the ALB Menu. there is an icon to select the slider :)
ok, well. i try your code with an code block :)
May 8, 2017 at 12:29 pm #789492Hi,
Let us know if it’s fixed or if you need more assistance regarding the topic :)
Best regards,
NikkoMay 8, 2017 at 1:04 pm #789527No, now i have a big red error code on the page! :(
May 8, 2017 at 1:07 pm #789531You see this only when you loggin in as admin.
May 8, 2017 at 1:43 pm #789566Hi diefleischerei,
The Layer Slider that you created is id=”7″ not 5 :)
Check that page now.Best regards,
Victoria- This reply was modified 7 years, 7 months ago by Victoria.
May 8, 2017 at 2:40 pm #789615Hey Victoria. Thank you. Such an mistake :) :) :)
The slider works – but there are some little things i do not get working. maybe you have an solution for me :) i have set this as background color #ff4d7c but the background is white. and how can i delete this space here? http://imgur.com/a/v92kh
Greetings, Alexander
May 8, 2017 at 2:49 pm #789626I have delete the code element and i insert the extended layer slider with the widget in the avia layout builder menu. now it looks better!
May 8, 2017 at 6:49 pm #789770Hi Alexander,
I see that you’ve made great progress! Good job! Looks like you got it all done or do you have any more questions?
Best regards,
VictoriaMay 8, 2017 at 9:14 pm #789849Hi. No there is still one error. the one from the start of this post :)
How can i scale up the imac image only in responsive smartphone view to double size? http://imgur.com/a/Yessu#a2RyqM3
Thanks for your help, greetings, Alexander
May 8, 2017 at 9:15 pm #789851Here is the problem. the image (imac) is much toooooooo small :)
May 9, 2017 at 12:56 pm #790218Hi Alexander,
You need to go to Layer Slider and give an id to that layer or image, so that we can target it specifically via css. Then we’ll adjust this code and hopefully make it close to what you want.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #layerslider_7 { height: 170px !important; } .ls-wrapper.ls-in-out { width: 200.756px !important; height: 165.504px !important; margin-left: 50px !important; } img.ls-layer { width: 280.756px !important; height: 165.504px !important; } }
If you need further assistance please let us know.
Best regards,
VictoriaMay 9, 2017 at 6:52 pm #790512the code above is helpful but I do not understand how to set the slider to show the background image in the mobile with certain size. I have done this in the CSS
@media only screen and (min-width: 767px) { /* Add your Mobile Styles here */ #layerslider_5 { height: 250px !important; } .ls-wrapper.ls-in-out { height: 250px !important; margin-left: 0px !important; /*} img.ls-layer { height: 250px !important; } }
but this change all the image of all levels, can you help me on fixing this issue? Basically I’d like to see part of the background image adpted for a mobile, the setting of the slider layout is on responsive but it just make the slider and the test so small that it cannot be red in the mobile.
ThanksMay 9, 2017 at 8:18 pm #790558Hi scubasnsi,
The sizes are calculated in Javascript. It’s just that all images have the same class and so you cannot target just one specific. What you can do is give an id to a layer with that image and then we can try to adjust the image.
Best regards,
VictoriaMay 10, 2017 at 2:19 pm #791095Hi Victoria,
How I can adjust the image once the id is given?
It is strange that the Layerslider is responive but at the end it is not because the image in the mobile is so small and not only that also all the level either text are very small, there is nothing responsive.
ThanksMay 11, 2017 at 8:18 pm #791876Hi scubasnsi,
We can use the code above to target specific image with the imac, not all images with the class “ls-layer”.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.