Jump to content

Audio File - Download Link Off Center- Minimal style

Recommended Posts

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

Link to comment
  • Replies 12
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...

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

Screen Shot 2024-05-22 at 9.27.59 AM.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.