Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 21, 2014 at 3:26 am #227212
    davidrk

    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 #227233
    Josue

    Hey!

    I was unable to see that flickering, neither the border, have you tried flushing your cache?
    http://recordit.co/4zjpNP

    Also, in which browser are you seeing this?

    Best regards,
    Josue

    February 21, 2014 at 5:30 am #227273
    davidrk

    Thanks 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 #227323
    Ismael

    Hi!

    I checked the website but I don’t see the flicker on the slider. Can you please post screenr or screenshot?

    Regards,
    Ismael

    February 21, 2014 at 11:20 am #227370
    davidrk

    It 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, 9 months ago by davidrk.
    February 21, 2014 at 6:49 pm #227606
    Josue

    I’m only seeing a very subtle vertical bump when the image loads, not a white/gray background or something like that.

    Regards,
    Josue

    February 21, 2014 at 11:42 pm #227750
    davidrk

    Hi 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 #229095
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #itinerarylink > p > a {
overflow: visible!important;
}

    Cheers!
    Yigit

    February 26, 2014 at 5:04 am #229422
    davidrk

    Perfect! Thanks for that!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Layerslider Background flickering error’ is closed to new replies.