Change the width of sound audio bar and transcript

Hi there,

We have a XOT where we have the audio (via the 'sound' function rather than narration) and transcript appear above the main content area on slides. The problem we're facing is that their width is based on the width of the image that is being used on each individual slide, which is usually different, so the audio bar and transcript width are never the same (screenshot attached). Would anyone be able to suggest a way around this?

(We'd quite like to keep the page types the same)

This is my first post here, forgive me if I should have posted in another category.

Best,
Brendan

Hi
there's probably a bit of css or script you could use but can you share a link to an example so that we can inspect and suggest a solution?
HTH
Ron

Hi Ron,

Thanks for the response. Here is a playground link: xerte.cahss.ed.ac.uk/play.php?template_id=1595
from slide 2 onwards.

Best,
Brendan

I should also say I am using JS insertBefore{} to display the transcript and audio above the content.

Hi Brendan
as well as that you have custom css controlling width and various layout elements etc and the problem is the size of the audio player including it's controls etc is controlled dynamically. That said try the following:
1. Add an optional styles property to the LO icon e.g. the first icon in the tree
2. Add the following css Personally in your example I would also set the transcript div to fill the width and so also add the following:
HTH
Ron

Hi Ron,
Thanks for taking a look at this. I have applied both of these and got what we're looking for
Many thanks!
Brendan