-
Posts
-
Hi,
I have a slide in LayerSlider-WO with a image on a layer (not background)
Image is sized at 1920 x 470.
I have Full width turned on in the Slider’s Global setting as well as setting Slider Width to 100%.
I also have set the Layers Style> Layout and position width to 100% but still the image does nor stretch to full width of screen.
Any ideas on how to make this work?Hey themeforesttony!
Can you add the image as background, it is the best way to make the image been 100% and follow the layer slider positions.
Else, it will not resize properly and not been placed on correct spaces, at different screen sizes.Let us know if you have any more questions
Regards,
BasilisHey!
Can you please post the link to your page where we can see the issue?
Also, please make sure that you are adding your slider to your page using Advanced Layer Slider element under Media Elements tab of Advanced Layout BuilderCheers!
YigitWhat I am trying to do is to start with a solid color background and then have another full background fade in at a delayed interval. Since I cannot set a delay on the background, using the image as the background does not work.
I do have this in an Advanced layer slider.
You can see it on the dev page listed below.
It is the third slide in where you can see the guy with his arms outstretched and then a mountain filed background appearing. It is the mountain field image I am trying to get to stretch.Hey!
Can you please edit your slide and go to Styles tab and set left value to 0? It is currently set to 150px
Best regards,
YigitOk. I hope I am not an idiot and am missing something that obvious but I assume you mean the Style tab on that slides layer in question (Slide 3 > Mountain Field > Styles). I actually had the values set to 0. I do not see any style value set to 150px. Where are you seeing this?
Thanks.Hi,
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Thanks,
RikardHi Guys,
i Try out a Slider 1663×470 and Works fine.
The Problem is if anyone have an 27″ Display it would be blurred. So i changed the Picture to 2768×1087 .
Thats the right Size vor a 27″ SCreen. How can i give the INformation if anyone had for example an 22″ Screen the full Picture would be rsponsive resized to 1663×470 ?
Thanks a lot for Help
Hey!
Please edit your slider and and go to Slider Settings and adjust the values under Layour > Full-width slider settings
Cheers!
YigitHi Yiget,
I have tried adjusting the layers container and that does shift the layer, but as it affect all slides it effects positioning of everything on those slides. Before I commit to re-positioning everything, is there a way just to target this layer image to be full width?
ThanksHey!
define a unique css class for the image in question. Then you can use a code like this:
.your-custom-css-for-your-image { width: 100% !important; }Regards,
AndySorry I did not see your reply till today. So I added a class “km-mountain-field” in the Custom CSS of slide layer that has the image. I am hoping that is what you meant. I added .km-mountain-field {width: 100% !important;} to the top of the Quick CSS and no difference. The image is still aligning with the left border of the main content area instead of stretching full-width.
- You must be logged in to reply to this topic.