COMMUNITY FORUM

Force width of MP3 player in responsive template?

Start
Prev
1
Next
End

Chad Criswell
Topic Author
Offline
Junior Member

8 years 9 months ago - 8 years 9 months ago #156473 by Chad Criswell

Force width of MP3 player in responsive template? was created by Chad Criswell

I want to use the responsive template for AllVideos, however in a couple of places I need to force the width of an audio player to be only 250px wide. By default they stretch out to the right of the column. I can control the width if I switch to Classic mode, but then I lose the responsive styling for the videos that I have in other places on the site. Any way to work around this? Example page is

www.straightarrowhosting.net/~sawstemp/hiscenter/

Last edit: 8 years 9 months ago by Chad Criswell.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

8 years 9 months ago - 8 years 9 months ago #156480 by Krikor Boghossian

Replied by Krikor Boghossian on topic Force width of MP3 player in responsive template?

Hello,

You can paste this CSS rule in your template's stylesheet.

.avAudio .avPlayerContainer .avPlayerBlock { max-width: 250px; }
.avPlayerWrapper.avAudio .avPlayerContainer .avPlayerBlock > div {  max-width: 250px; min-width: 0!important; }

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Last edit: 8 years 9 months ago by Krikor Boghossian.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End