Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 20, 2014 at 10:00 am #240589
    hanlinsg

    Hi guys,
    the audio player isn’t displaying correctly in my Chrome browser. It’s good in my iphone safari though. please have a look. The volume bar is being pushed to the player’s bottom.

    http://bathmatesingapore.com/wp-content/uploads/2014/03/Screen-Shot-2014-03-20-at-3.56.56-pm.png

    Thanks!

    March 20, 2014 at 10:02 am #240591
    hanlinsg
    This reply has been marked as private.
    March 21, 2014 at 4:27 pm #241234
    Yigit

    Hey!

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

    .mejs-controls div.mejs-horizontal-volume-slider { width: 59px; }

    Regards,
    Yigit

    March 23, 2014 at 11:23 am #241778
    hanlinsg
    This reply has been marked as private.
    March 24, 2014 at 5:09 am #241929
    Ismael

    Hi!

    Yigit’s code work on my end. Please try this instead:

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

    Regards,
    Ismael

    March 24, 2014 at 9:40 am #241987
    hanlinsg
    This reply has been marked as private.
    March 24, 2014 at 1:41 pm #242053
    Yigit

    Hey!

    Please try adding !important rule as following

    .mejs-controls div.mejs-horizontal-volume-slider { width: 59px !important; }

    Regards,
    Yigit

    March 25, 2014 at 12:23 pm #242676
    hanlinsg
    This reply has been marked as private.
    March 25, 2014 at 2:15 pm #242717
    Yigit

    Hi!

    Please flush browser cache and refresh your page a few times it is fixed on my end http://i.imgur.com/ljti9IO.jpg

    Best regards,
    Yigit

    March 25, 2014 at 2:44 pm #242733
    Ismael

    Hi!

    Please use this one:

    .mejs-controls div.mejs-horizontal-volume-slider {
width: 58px !important;
}

    If that doesn’t work, edit js > mediaelement > mediaelementplayer.min.css. Find this code:

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

    Replace it with:

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

    Best regards,
    Ismael

    April 4, 2014 at 10:26 am #247358
    hanlinsg
    This reply has been marked as private.
    April 4, 2014 at 10:57 am #247363
    Yigit

    Hey Jason!

    Which browser and OS are you using? This is how i see the buttons – http://i.imgur.com/DUpcBVp.png
    Also, please go to Enfold theme options and make sure that you did not added custom CSS code to Google Analytics field

    Regards,
    Yigit

    April 7, 2014 at 4:58 pm #248280
    hanlinsg
    This reply has been marked as private.
    April 7, 2014 at 5:07 pm #248290
    Yigit

    Hey!

    It seems like you have added custom CSS code to Google Analytics field in Enfold theme options and not to Quick CSS field :) Please move the code from Google Analytics to Quick CSS and both issues should be fixed

    Regards,
    Yigit

    April 10, 2014 at 4:32 pm #249826
    hanlinsg
    This reply has been marked as private.
    April 10, 2014 at 5:01 pm #249842
    Yigit

    Hey!

    Please review your website now. You can find custom CSS code i added in bottom of Quick CSS field

    Best regards,
    Yigit

    April 13, 2014 at 10:03 am #250717
    hanlinsg

    Thank you very much! Everything is in order now.

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Audio player not displaying properly’ is closed to new replies.