Change the Width of the audio-container [wp_eStore_fancy8 id=1]

[sangeorgej]

I would like to change the width of of the audio-container from 130 to 290px in the wp_eStore_fancy8 shortcode. I’m using firebug and can see the code but can’t find where to change it.

[amin007]

Please look in the “eStore_extra_shortcode_css.css” file from the extra shortcodes plugin.

The audio player in the fancy display comes from the “Audio Player” plugin. WP eStore simply embeds the player inside the fancy display. So, I think you may also need to tweak the CSS of the audio player plugin to customize how the player looks.

[Flow]

Hi,

I have tried editing the wp audio player plugin to make the player fit in the style5 boxes, but the audio plugin size settings seem to be overridden by the eStore code.

The problem is when you press play, the player expands and the pause button exceeds the frame of the box and can not be seen or pressed. I have looked in the “eStore_extra_shortcode_css.css” file, but can really not make much of the few lines there…

[admin]

eStore doesn’t override any audio player size. Lets do the following:

1. Create a new WordPress page

2. Place a audio player with the size you prefer on this page (just the audio player itself so that no other plugin is interfering).

3. Now post a link to this page so I can checkout what size you have changed it to and how it looks when you are not using it with eStore.

[Flow]

Thanks for the quick reply. Meanwhile I had to stick with the looks and go abroad for the release party of what I am selling.. Anyhow, the player looks fine and adjusts to the other style boxes, just not the one I preferred. Have a look and let me know what you make of it!

http://florianrox.com/?page_id=221

Thanks

[Flow]

If you are not replying because you think I’m ok with the current looks, you’re wrong. Or have you also trouble figuring out what causes this?

I would appreciate a reply, just so I know if this is fixable or I have to go for one of the other styles.

Thanks

[Peter]

Hi,

I’ve spent a few minutes looking at your site with firebug and I think that your audio player has a width setting which is too large by default.

I can suggest the following workaround:

Add the following code into your eStore_extra_shortcode_css.css somewhere in the “Fancy 5 CSS” section:

.eStore-fancy5-description .audioplayer_container #audioplayer_1 {

width: 190px;

}

.eStore-fancy5-description .audioplayer_container #audioplayer_2 {

width: 190px;

}

The above should make both of your audio objects fit into the fancy display.

[Author]

Posts