-
AuthorPosts
-
February 21, 2014 at 3:26 am #227212
I have placed a Layerslider onto my home page with slider style of max-width: 1030px;.
Randomly, and usually during transitions, the colour behind the slider images (white) flickers or dissapears all together to reveal the grey of the page background. In the Appearance I have set the colour to #ffffff.Also, there was a line beneath the slider which I remove using
.home .container_wrap, .home .avia-layerslider { border-top-style: none; }
However there is still a very faint line appearing. You can view the development site here.
Any help on these issues would be much appreciated! Thank you!
February 21, 2014 at 4:30 am #227233Hey!
I was unable to see that flickering, neither the border, have you tried flushing your cache?
http://recordit.co/4zjpNPAlso, in which browser are you seeing this?
Best regards,
JosueFebruary 21, 2014 at 5:30 am #227273Thanks for the reply.
The white sections disappearing intermittently occurred using Safari, and the strokes using Safari and Firefox. I’ve made it full length now as I can’t find a solution.
Now however when using Firefox, the image shifts slightly downwards when the text flies in, and upwards when the text flies out.Any ideas?
Thanks
February 21, 2014 at 9:47 am #227323Hi!
I checked the website but I don’t see the flicker on the slider. Can you please post screenr or screenshot?
Regards,
IsmaelFebruary 21, 2014 at 11:20 am #227370It only seems to occur on Mozilla, is very slight and happens just after the images finish their load and before the unload transition:
link to screenr.- This reply was modified 10 years, 10 months ago by davidrk.
February 21, 2014 at 6:49 pm #227606I’m only seeing a very subtle vertical bump when the image loads, not a white/gray background or something like that.
Regards,
JosueFebruary 21, 2014 at 11:42 pm #227750Hi Josue.
I’ve made the slider full width now to remove the background issues, and the ‘bumping’ issues I’ll live with.
I also noticed in Mozilla that when hovering over the the linked images on the home page, the text beneath it bumps down noticeably. Does this have something to do with the overlay? Is there anyway to stop this?Thank you for your help!
February 25, 2014 at 5:45 pm #229095Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#itinerarylink > p > a { overflow: visible!important; }
Cheers!
YigitFebruary 26, 2014 at 5:04 am #229422Perfect! Thanks for that!
-
AuthorPosts
- The topic ‘Layerslider Background flickering error’ is closed to new replies.