Jump to content

Rounded Corners on Audio Block

Go to solution Solved by bycrawford,

Recommended Posts

  • Replies 4
  • Views 560
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
Posted

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
 
💸 How to scale your income as a Squarespace designer: Watch the video
📱 Hire me to build your Squarespace website: Book a 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.
Posted
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
 
💸 How to scale your income as a Squarespace designer: Watch the video
📱 Hire me to build your Squarespace website: Book a 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.

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.