-
Posts
-
I’m trying to get the layer slider to center the banner image on the homepage for smaller laptops.
It works great on screen size of 1920×1080 , but when the size is smaller the banner image I created will go to the right until it is cut off.
The banner I created is 1920×470 Its the second and third banner that I am having a problem with.
Thank you for your help
Hi microhound!
For that slideshow you’ll need to go to the “Global Settings’ and adjust the responsive options there. Eg for a full width set up using the sample slideshow I have:
Best regards,
Devin
When I make the changes like you have them above, The alignment is now not correct on a 1920×1080 screen size. The image above is how it looks.
Mine are just an example. It depends on the size of your images, the container and what layout you are using. They should be adjusted to fit your needs specifically.
No matter what size I use in the container it will not keep the image centered. The image size is 1920×470.
Other sliders I have used will just got off the sides and keep the banner centered. No really sure where to go.
Thank you for your help
If you just want the image centered you can use any of the other sliders included as elements with the advanced layout builder.
With LayerSlider, you aren’t just creating a single slideshow but instead a complex stage with lots of characters that all have to arranged. So your big background image needs to be a part of that stage how you want it to get placed. The size doesn’t really matter.
The plugin has all of its documentation included inline if you hover over fields as well as if you click the “Help” tab in the top right corner of the screen.
Make sure to also read the descriptions of each of those fields in the Basic global settings. The “Layers” container for instance is the pixel width of the “layers” in your individual slide. If you set that to 800px then the contents of your slide will never go beyond 800px.
- The topic ‘Cant get Layer Slider to Center Banner Images Correctly’ is closed to new replies.