Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 12, 2020 at 4:40 pm #1192671
    si-ri

    Hello,

    unfortunately the audio player included in the enfold theme doesn’t display correctly in the preview of my frontend.
    Therefore, I tried to go on with the WP included audio player – so far so good. The default background colour of the player doesn’t match with the background of the webpage (too dark). So I tried to custom in the “Additional CSS” section.

    /* WP Audio Player */

    .wp-audio-shortcode {
    background-color:
    #BFBDB8 !important;
    }

    It only gets slightly lighter but not at all like the colour I’ve chosen.

    Now I’ve got 2 questions
    1. Could you help me with the malfunction of the included audio player? OR
    2. Let me know why I can’t simply overwrite the CSS of the control bar of the WP included audio player?

    Thanks and best regards,
    Simone

    March 12, 2020 at 9:10 pm #1192771
    Victoria

    Hey si-ri,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    March 5, 2021 at 5:01 pm #1285841
    lisotpa

    Hi all,
    I have the same issue with the music player for Woocommerce.
    The CSS issue is to be found in the shortcode.css file
    at line 416
    div .mejs-container, div .mejs-embed, div .mejs-embed body, div .mejs-container div .mejs-controls{background:transparent;}
    For now I commented this line and it works fine for me.
    /* div .mejs-container, div .mejs-embed, div .mejs-embed body, div .mejs-container div .mejs-controls{background:transparent;} */
    I know it is not the best approach.
    Another solution is the use the custom.css file or the enfold child theme style.css solution and set the background color yourself, e.g.
    div .mejs-container, div .mejs-embed, div .mejs-embed body, div .mejs-container div .mejs-controls {
    background: #CCC;
    }
    Any other suggestions are welcome.
    With Kind regards,
    Pascal

    March 6, 2021 at 9:57 am #1286023
    Victoria

    Hi Pascal,

    This solution is ok if it works for you, you can also just override it with the css and !important.

    Best regards,
    Victoria

    March 7, 2021 at 9:20 am #1286159
    lisotpa

    Hi Victoria,

    Thanks for you reply.

    Have a nice day,

    Kind regards,

    Pascal

    March 8, 2021 at 7:43 am #1286328
    Rikard

    Hi Pascal,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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