Modifying the HTML5 Audio Player Pro theme

Permalink
Hello, I am using the HTML5 Audio Player Pro and want to change the width to the size of the longest file name. The file name hangs out on the right hand side. I am using the Blue Monday template, image attached. Any help appreciated.

1 Attachment

tambopc
 
hutman replied on at Permalink Reply
hutman
Could you provide a link to the page, then we can advise on adjusting CSS.
tambopc replied on at Permalink Reply
tambopc
Hello Hutman
Here is the linkhttp://www.tambopc.org.au/index.php/media/sermon-online...
Thanks for any help.
hutman replied on at Permalink Best Answer Reply
hutman
It looks like if you adjust your application/blocks/html5_audio_player_pro/templates/blue_monday/view.css (if you don't have one copy the file from packages/html5_audio_player_pro/blocks/html5_audio_player_pro/templates/blue_monday/view.css to the application directory) and update this line

.blue_monday div.jp-audio{width:420px}

to be

.blue_monday div.jp-audio{width:100%;}

Then clear the cache to see the change.
tambopc replied on at Permalink Reply
tambopc
Thanks Hutman
Works perfectly. You can always rely on the Concrete5 community for help when needed.
Antariksh replied on at Permalink Reply
How did you find this addon ? I can't find in the store
tambopc replied on at Permalink Reply
tambopc
Hi Antariksh
The addon suits me for what I need to have a place to play the sermons and a place to download the sermons. I could not find one that could do both in the same place that would work efficiently. The problem I had was if the file name was long it would go past the edge of the window. This mod fixed it. The addon is HTML5 Audio Player Pro.


Phil Fry
Web Administrator
Tamborine Mountain Presbyterian Church
admin@tambopc.org.au
thefrys01@bigpond.com
CAUTION: The information contained in this e-mail is of a confidential nature and its sole use is for communication purposes between the sender and addressee. If you have received this e-mail in error, please notify us at the above email address All emails are certified virus free by AVG Internet Security

-----Original Message-----
From: concrete5 Community [mailto:discussions@concretecms.com]
Sent: Tuesday, 25 April 2017 6:33 AM
To: thefrys01@bigpond.com
Subject: Modifying the HTML5 Audio Player Pro theme : Themes
hutman replied on at Permalink Reply
hutman
This add-on is for 5.6, the Pro version is no longer available but the free version ishttp://www.concrete5.org/marketplace/addons/html5-audio-player-basi...
tambopc replied on at Permalink Reply
tambopc
Hi Hutman
I am using 5.7. Is the Pro version compatible with 5.8?


Phil Fry
Web Administrator
Tamborine Mountain Presbyterian Church
admin@tambopc.org.au
thefrys01@bigpond.com
CAUTION: The information contained in this e-mail is of a confidential nature and its sole use is for communication purposes between the sender and addressee. If you have received this e-mail in error, please notify us at the above email address All emails are certified virus free by AVG Internet Security


-----Original Message-----
From: concrete5 Community [mailto:discussions@concretecms.com]
Sent: Tuesday, 25 April 2017 11:21 AM
To: thefrys01@bigpond.com
Subject: Modifying the HTML5 Audio Player Pro theme : Themes
hutman replied on at Permalink Reply
hutman
No, neither version was updated beyond 5.6
tambopc replied on at Permalink Reply
tambopc
Hi Hutman
I am using this addon in 5.7 and it seems to be working good.


Phil Fry
Web Administrator
Tamborine Mountain Presbyterian Church
admin@tambopc.org.au
thefrys01@bigpond.com
CAUTION: The information contained in this e-mail is of a confidential nature and its sole use is for communication purposes between the sender and addressee. If you have received this e-mail in error, please notify us at the above email address All emails are certified virus free by AVG Internet Security


-----Original Message-----
From: concrete5 Community [mailto:discussions@concretecms.com]
Sent: Tuesday, 25 April 2017 12:08 PM
To: thefrys01@bigpond.com
Subject: Modifying the HTML5 Audio Player Pro theme : Themes