Audio File - Download Link Off Center- Minimal style

Hi - Just wondering if there a way to adjust the placement of the Download link on the Audio file block. It's off center and dependent on the length of the song track. Seems like it should be centered and placed at the end like it is in the minimal style. It seems like something overlooked on the product. But I'd love to find away to do it with CSS if I can.

Here is the page I'm working on:

https://crow-tarpon-egmf.squarespace.com/config/pages

The site is private. You can setup an access password, we can access easier

Hi Tuan,

It's me again 🙂

https://crow-tarpon-egmf.squarespace.com/config/pages
Password: CDIwebsite!

On 2/7/2024 at 6:20 AM, reena said:

Hi Tuan,

It's me again 🙂

https://crow-tarpon-egmf.squarespace.com/config/pages
Password: CDIwebsite!

Where is audio block? I don't see it on homepage

https://crow-tarpon-egmf.squarespace.com/?noredirect

Hi Tuan,

again my bad. It's on this page:

https://crow-tarpon-egmf.squarespace.com/config/

It's cosmetic. But it would be nice if it was orderly 🙂

I'm not sure if that link is taking you there. 

For some reason, I can't get a direct link to that page. It's under:

School > Current Students > Then there are orange buttons that say "Class Materials" The audio files are on those pages

https://crow-tarpon-egmf.squarespace.com/config/class-material-level-beginning-i-ii

Float it to right or what should it look like?

https://crow-tarpon-egmf.squarespace.com/level-beginning

Hi! Yes - float it to the right and centered in the bar.

On 4/4/2024 at 1:30 AM, reena said:

Hi! Yes - float it to the right and centered in the bar.

https://crow-tarpon-egmf.squarespace.com/level-beginning?noredirect

https://crow-tarpon-egmf.squarespace.com/class-material-level-beginning-i-ii?noredirect

Both links don't work now

https://crow-tarpon-egmf.squarespace.com/config/pages/class-materials-intro-to-kathak

https://crow-tarpon-egmf.squarespace.com/config/pages/class-material-beginning-i-ii

I can't get these links to go directly to the page. these links just keep going to the homepage

am i doing something wrong?

 

On 4/12/2024 at 12:57 AM, reena said:

https://crow-tarpon-egmf.squarespace.com/config/class-materials-intro-to-kathak

 

https://crow-tarpon-egmf.squarespace.com/config/class-material-beginning-i-ii


Hopefully those work now. Sorry for the slow responses. Our client delayed launch, so I haven't been as focused on this project. But thank you for your continued support

 

https://crow-tarpon-egmf.squarespace.com/class-materials-intro-to-kathak?noredirect

You try this code to Website > Website Tools > Custom CSS

.sqs-widgets-audio-player .download {
    justify-content: space-between !important;
}
.sqs-widgets-audio-player .secondary-controls {
    display: flex;
    align-items: center;
}

Hi Tuan!

That code was helpful, but it centered the title of the track as well. How would i keep the title left justified as you showed in your screenshot on Feb 15. Attaching what it looks like now. 

Thank you!

R

On 4/16/2024 at 2:00 PM, tuanphan said:

https://crow-tarpon-egmf.squarespace.com/class-materials-intro-to-kathak?noredirect

You try this code to Website > Website Tools > Custom CSS

.sqs-widgets-audio-player .download {
    justify-content: space-between !important;
}
.sqs-widgets-audio-player .secondary-controls {
    display: flex;
    align-items: center;
}

 

Remove this & use this new code

.sqs-widgets-audio-player .secondary-controls {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sqs-widgets-audio-player .download {
    position: relative;
}