How to customize mp3 audio button colors

[woodbrothers]

I’d like to change the default colors used in the fancy7 styling mp3 audio player.

I currently have wpaudioplayer.com’s plugin installed on my site and I was able to change the default colors to [bg=0x0000ff|righticon=0xff0000] after reading about custom colors for shortcodes on http://en.support.wordpress.com/audio/. Here is the pic of the customized button

I tried looking for the estore code to change in /wp-content/plugins/eStore-extra-shortcodes/eStore_extra_shortcode_css.css but I doubt the the code to change the button is in here:

/*** === Audio player specific === ***/

.audioplayer_container{

padding:0px 0px 5px 0px !important;

margin:0px !important;

}

/*=== End of audio player specific css ===*/

Also, I’m unable to open the .swf file where I think the audio button is located.

NB: It’s not possible to add the |bg=0x0000ff|righticon=0xff0000] to the estore shortcode as I did with mp3 player above.

[admin]

The audio player plugin didn’t use to have a proper shortcode implementation before. So we added a shortcode for it in eStore. Chances are that they updated their plugin since then so just use their shortcodes. You don’t have to use eStore’s audio player shortcode as it won’t allow you to do advanced options of that plugin (that plugin is an external plugin so we can’t integrate it to that level).

[woodbrothers]

OK. So it’s not possible to change the colors of the estore audio button.

I decided to use the estore buynow shortcode and the audio player plugin for the music page so in WP admin the shortcodes look like:

D Jackson – Be Free[audio:http://www.denisejacksonmusic.com/wp-content/879432/7mu90/Be Free.mp3|loop=yes|bg=0x0000ff|righticon=0xff0000][wp_eStore_buy_now_fancy id=1]

Although it isn’t your plugin, would you be willing to help me align the WP audio player plugin’s button so that it is on the same line as the title? The default layout has the title appearing one line above the audio player button and I’d like the button and title next to each other. The audio player plugin page is at http://wpaudioplayer.com/whatsnew/ and the support forums don’t have an answer for this issue.

I spent over 45 mins yesterday trying to place the title and the audio player button on the same line but to no avail. I found out that I have to put both elements inside a div in the post HTML so I read I read http://stackoverflow.com/questions/5303193/two-elements-on-one-line-using-div-tags and saw the code example at http://jsfiddle.net/URE5b/

Also, I read http://wordpress.org/support/topic/plugin-audio-player-cant-align-to-the-left?replies=4 and http://wordpress.org/support/topic/plugin-audio-player-player-position?replies=4 but my issue is a text formatting-related.

However, I have no idea how to add code to the page.php file or the .css file. Could you help me figure out the code I use on the page.php and the .css so that both the audio button and title appear on the same line?

[Author]

Posts