Jump to content

Rounded Corners on Audio Block

Go to solution Solved by bycrawford,

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

Hey! Use this:

.sqs-widgets-audio-player {
  border-radius: 10px;
}

Adjust px value to increase or decrease the curvature.

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment
1 hour ago, lilliebeale said:

Do you also have code to centre-align the text? It's currently left-aligned

Try this:

.sqs-widgets-audio-player * {
  text-align: center !important;
}

 

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
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.