Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #369916

    After noticing that the Easy Slider featured on our homepage wasn’t working correctly, I went ahead and updated the theme to 3.0.4 which brought the slider back to life.

    However, now we’re noticing that on transitions, the rest of the page will flash dark/light. This doesn’t happen on all browsers. I’m running OS X (10.10.1). Firefox (34.0.5) doesn’t have an issue but Safari (8.0.2) does. I’m told it’s worse in older versions of Safari too.

    Can anyone help shed some light on this? Thanks!

    #369974

    Hi Jonathan!

    I cannot reproduce the issue on OS X 10.10 on Safari 8.0 but i can see text is flickering on transition. Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    div .flex_column { -webkit-transform: translateZ(0)!important; }

    Cheers!
    Yigit

    #370059

    Hey Yigit,

    Thanks for quick reply. That fix does indeed work for me on my browser, but there are still issues for other users.

    I’ve had a colleague (who initially raised the issue) check and he still sees black/white flashing on the slide changes. He’s using OS X (10.5.8) and Safari (5.0.6). I know this browser is older, but there wasn’t an issue before the WordPress core upgrade that stopped the slider working altogether.

    Thanks for all your help.

    Jonathan

    #370062

    Hey!

    Please try adding following code to Quick CSS as well

    .avia-mac #wrap_all { -webkit-transform: translateZ(0)!important; }

    and ask your friend to flush browser cache and refresh your page a few times

    Regards,
    Yigit

    #370112

    Hi Yigit,

    Thanks – I’m made the changes and had my friend check, but still the same problems. Interestingly, the demo page – http://kriesi.at/themes/enfold/homepage/home-v4-small-slider/ – works fine for him.

    To confirm, I currently have this in the Quick CSS:

    #top.single-post .big-preview.single-big {
    display: none;
    }
    .hr { margin-top: 0px ; margin-bottom: 0px; }
    .date-container.minor-meta {
    display: none;
    }
    div .flex_column { -webkit-transform: translateZ(0)!important; }
    .avia-mac #wrap_all { -webkit-transform: translateZ(0)!important; }

    Kind regards,

    Jonathan

    #370280

    Hey!

    I’m not sure if this is going to help but another user reported a “jump” issue, not a black/white flashing, and this solution fixed it.

    ul.avia-slideshow-inner {
    height: 351px !important;
    max-height: 351px !important;
    }

    Regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.