Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Resizing Vertical Row Height On Album Pages


Sionski

Question

Site URL: https://www.siontrefor.com

Hi, 

I want to present my music in Album form on my homepage, there are around 15 tracks there currently and so the Album looks quite long. I'd like to be able to resize the rows of the album - shorten the height - in order that the whole thing doesn't take up as much space, and comes across a bit neater. Squarespace tech says it's not possible using the Site Design features, and I can confirm I've had no joy on that front, so I'm here in case anyone can offer up a coding solution. I've never touched code before, so apologies in advance for any dumb questions. 

Big thanks! 

Site Screenshot.jpg

Link to comment

3 answers to this question

Recommended Posts

  • 0

Hey @Sionski

You're going to be hard pushed to get this without making the spacing look horrible. That progress bar for each track needs space to breathe. Regardless, you can play with this:

.sqs-audio-playlist .track {
  margin-bottom: 2%;
}
.track-progress-bar {
  padding-bottom: 2%;
}

Play with those percentages to adjust the spacing.

Specialising in Squarespace CSS and customisation.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me by buying me a coffee.

Link to comment
  • 0
22 hours ago, Sionski said:

Hey @Kwamzilla

Thanks so much (and I totally take your point), if it gets ugly I'll abandon ship! 

Hope you're well, thanks again!

Thank you.

Please mark my answer if it's answered your question as it'll help others find one in future.

Specialising in Squarespace CSS and customisation.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me by buying me a coffee.

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...