The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

mb.miniAudioPlayer - an HTML5 audio player for your mp3 files
[resolved] How to change the color? (3 posts)

  1. pat55
    Posted 3 years ago #

    It's a very nice plug in! But I need to do some modification: I choose the skin black but it's gray, i need it really black (#000000) as my page background, The icon of mute volume and stop and others, are white, but I need them in this color:#EFC043. I tried to modify the miniplayer.css, but some was going wrong. bacause I saw Vm R and P intead of the icon.
    So i unistalled the plugin, reisntalled it, and now i'm here with my black ( but gray) player again. Can you help me?


  2. pupunzi
    Plugin Author

    Posted 3 years ago #

    Hi Patrizia,
    You can modify the skin just changing the player CSS as everything is defined there; for each skin color there's a small CSS section.
    The black skin, as you said, has a #666 background color. If you need to change it, the code is at line 291 od the miniplayer.css file.

    All the controls icon are defined in the "mb_audio_fontRegular" font via @font-face. If you remove that font from the CSS you'll get in troubles :-). If you need different fonts for the title just change the font for the .mbMiniPlayer table span.map_title class and not for the rest.


  3. pat55
    Posted 3 years ago #

    Thank you for your answer; everything is ok, new I have my miniplayer black with icons goldenrod!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic