Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28746

    This issue has come up before and in other theme posts (see here: http://www.kriesi.at/support/topic/embeded-audio-problem-enfold-19-wordpress-36). I saw that it was to be corrected in an update to to the enfold theme, but I need to fix the issue in incarnation.

    The volume slider for my media element player will move from the right of the speaker to below the player in certain browsers for certain mp3 files (see http://calvarycampbell.org/sermons/). I can always replicate the issue by holding down Ctrl and rolling the mouse wheel up/down. As the browser page resizes, the volume sliders for some of the players will drop out of alignment as described above. I also see it on my ipad at times, and I do not have the ability to resize the browser to fix it on the ipad.

    Do you happen to have a fix for this incarnation?

    As a related item, I have several fixes from your forum (very helpful BTW) in my quick CSS box in the theme styling page. They work, but can I relocate that code to a fixed file so that it doesn’t get erased? Is it simply a matter of copying it and pasting it into one of the css template files? I’m rather green at this, so it would be helpful to know exactly where in the appropriate css file to paste it. Thanks in advance!

    #138499

    Hi,

    1) Kriesi used following code to fix the issue for Enfold users

    .mejs-video{overflow: hidden;}

    .avia_mobile .mejs-overlay-button{
    display:none;
    }

    I did not test it with Incarnation yet.

    2) Yes, I’d suggest to add the css code to incarnation/css/custom.css. You can access the file by using ftp or install a theme editor plugin like: http://wordpress.org/plugins/solid-code-theme-editor/

    #138500

    For the second issue, pasting into the custom css file worked fine. On the first issue, pasting that code into the quick CSS box did not fix the problem.

    Thanks

    #138501

    Hey,

    Please add this on your custom.css or Quick CSS:

    .mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 53px;
    position: relative;
    }

    Users seldom use the browser’s zoom function. I doubt that this is going to be a big issue for your website.

    Regards,

    Ismael

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

The topic ‘Volume Slider Displaced’ is closed to new replies.