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
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?
Ok, I solved the problem but perhaps good that I posted here so others who might run in to the same dilemma can find the solution.
It has to do with the default Easing setting: EasInOutQuint which when used together with Fade creates the undesired effect of flashing.
In my case I changed to EasInOutCubic and tested a couple of others that seem to work fine but I didn’t go through the whole list.