Tagged: advanced layerslider, CSS
Hi,
I find it quite tedious to set the exact left and top position of a layer(image or text) in order to get it centered within a slide in the advanced layerslider. I have tried using margin: 0 auto; and text-align: center; as custom css but it doesnt work. Is there a way to automatically center a layer within the actual slider?
/Regards
Victor
Hi Victor!
Try:
left: 0; right: 0; margin: 0 auto
Regards,
Josue
Thanks for the suggestion but I’m afraid that doesn’t seem to work. Tried with both text and images, also adding !important after each and combining with text-align: center;
Any other suggestion?
Hey!
That worked out for me on my local install, can you post a link to your website? an admin account would be helpful too.
Cheers!
Josue
Just wondering if this issue has been resolved. I am having the same trouble. I have tried using the left: 0; right: 0; margin: 0 auto css which appears to work beautifully in layerslider preview mode but on the front end, the text and box behind it is aligning left.
Any help would be much appreciated. THanks.
Hi!
Please update Enfold to the latest version 3.0 via FTP – http://vimeo.com/67209750
It has the updated version of LayerSlider included
Regards,
Yigit
Hi,
In the end I had no luck with adding css styles to solve the issue. (Advanced Layer Slider version 5.3.2) As Leislmott mentions they work when editing but not in preview mode or actively on site. Actually “left: 0; right: 0; margin: 0 auto” worked for images and “width: 100%; text-align: center;” worked for text in that context but neither held up running.
If anybody is faced with the same issue I solved it by just putting left: 50% (should have thought about that earlier).
/Regards
Victor