Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #926212

    Hi.
    This problem has been on my website since it was launch in Nov 2016.
    I have a head line rotator with fixed text at the start and then rotating text afterwards.
    If I have the front page showing and leave the tab in the browser – when I come back to the same tab – the rotator now shows two lines of the rotated text instead of one.

    My site is:-
    http://www.british-voiceover.co.uk

    Example screenshot showing the problem.
    2018-03-13_1742

    I am running ENFOLD 3.8. ( haven’t updated to latest version as I’m worried I will lose my various customisations! )

    Thanks for your help,
    Pete

    #926468

    Hey Pete,

    I can’t reproduce that on my end using Chrome, in which browser are you seeing that?

    At some point you will likely have to update the theme, so you might want to consider moving your customisations into a child theme?

    Best regards,
    Rikard

    #926596

    Hi Rikard – thanks for the quick reply.

    ROTATOR PROBLEM
    I’m using Safari – Version 11.0.2 (11604.4.7.1.6). The problem happens even when you only have 1 tab – of you leave the window and then come back to it again – the rotated text has fallen onto two line as per my screenshot.

    I just tried Chrome Version 65.0.3325.162 (Official Build) (64-bit) and the rotator works perfectly on Chrome – no problems with the rotator there.

    AUDIO PLAYER DISPLAY PROBLEM ON CHROME – 65.0.3325.162
    NOTE. On Chrome – the ME audio player display problem reported in late 2016 is still there. See lower down my homepage – here’s a screenshot. Im running on iMac 27inch (2015) with El Capitan. I opened some previous topics on this but it was never fixed. See my history.
    This problem is not evident with Safari. If you would like login info to inspect – please let me know.

    https://screencast.com/t/REKwrl3a5Y7

    RE: CHILD THEME
    I am running a child theme setup. I made a change to functions.PHP when setting my site up. If I update to latest Enfold version – will my PHP changes be in tact?

    Also there seems to be some fundamental differences in blog and portfolio layout options etc in new 2017 enfold. does this mean my classic enfold portfolio and blog grid formats will remain in tact when I upgrade?

    As always – thanks for your wonderful support.

    Pete

    #927092

    Hi Pete,

    Thanks for the feedback, we are aware of the problem with Safari and it’s unfortunately out of our hands. The problem is that Safari, unlike other browsers, seems to stop JavaScript process if you are not on the actual tab. It makes sense to save resources like that, but problem like these happen as a consequence. It’s not a very likely user scenario though, most users will go to your site and then close it after they have done what they want.

    About the audio player: I’m not sure what is causing that, but we do try to get all users with problems on the latest version since it doesn’t make much sense fixing problems on old versions of the theme. Maybe you could try to update?

    About your child theme: great that you are running a child already, though I’m not sure exactly where you have placed your functions.php code? If it’s in the child then it should be safe. But like we always recommend; back your site up properly before doing any updates. To be extra sure I would copy your whole installation to a staging area and then perform the updates there first to make sure your productions site is not affected.

    Best regards,
    Rikard

    • This reply was modified 1 year, 1 month ago by  Rikard.
    #961743

    Hi Rikard,

    Just to let you know I updated my Enfold theme to V4.4 today. Also running WordPress latest V 4.9.6.

    The audio players inside the icon boxes are now displaying perfectly as in the screenshot below :)
    Looks good on chrome and safari – much cleaner / nicer styling too with sharper corners and bigger play button.

    https://screencast.com/t/Jo8UcypFozv

    As you say the headline rotator problem is still there on safari – I take your point that it is out of your hands.

    thanks for your help.

    Pete

    #962196

    Hi Pete,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #962199

    Thanks Victoria.

    I only have a small query about the animated play bar within the audio player.
    In Enfold 3.8 it was like a moving barber shop stripe in Yellow. (same I use on progress bars on my Studio page)

    But now I moved to Enfold 4.4 the nice yellow stripes are replaced with a simple solid yellow bar.

    Any idea how I can bring back the barber shop stripes?

    thanks

    Pete

    #962796

    Hi Pete,

    Can you please show me the page with the bar? I’ll check it.

    Best regards,
    Victoria

    #962809

    Hi Victoria.
    its any page with the Media Element audio player on.
    here’s an example.

    http://british-voiceover.co.uk/ (Purchase code hidden if logged out) -nominations-pete-edmunds/

    It shows as s progressive yellow bar moving along as it plays the audio.

    it looks ok and is usable – I just preferred what I saw in previous version of enfold that I had (V3.8) where instead it showed the yellow animated bar like this style you can see on my studio page lower down on the left:-
    http://british-voiceover.co.uk/voiceover-studio/

    The best description seems to be barbershop – as thats what those red/white stripe pole signs looks like outside the shop when they rotate :)

    Any ideas how to get the audio player to show the yellow striped version?

    Here is a very early version of my website – the audio player was broken here but you can see the striped audio player progress bar – looks nice!
    2016-09-09_1627

    Regards
    Pete

    #964258

    Hi,

    Thank you for the info.

    Use this css code to apply the stripes again.

    .main_color .mejs-controls .mejs-time-rail .mejs-time-current, .main_color .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .main_color .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .main_color .button.av-sending-button, .main_color .av-striped-bar .theme-color-bar .bar {
        background: repeating-linear-gradient( 45deg, #f2c200, #f2c200 10px, gray 10px, gray 20px );
    }

    Adjust the color values as needed.

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.