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

How can I change the Audio Player icon?


jacauschi23

Question

8 answers to this question

Recommended Posts

  • 0
59 minutes ago, jacauschi23 said:

Site URL: https://www.blackom.com/about

How can I change the Audio Player icon?...For only the specific block shown on the page I linked. I'd like it to be something like this below instead, but 1-color.

 Speaker High Volume on Twitter Twemoji 13.0.1

Kindly use this

#block-yui_3_17_2_1_1607387638375_7768 .play-button {
  background-image: url(https://i.ibb.co/RcgYydw/500px-Speaker-Icon.png) !important;
    background-size: cover;
  border: none !important;
  width: 40px;
  height:  40px;
}
#block-yui_3_17_2_1_1607387638375_7768 .playing .pause {
  background-image: url(https://i.ibb.co/4fLVJpz/500px-Speaker-Icon-mute.png) !important;
    background-size: cover;
  border: none !important;
  width: 40px;
  height:  40px;
}

 

image.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
17 minutes ago, jacauschi23 said:

Did you see?

Which word?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
13 minutes ago, jacauschi23 said:

I need it moved left so that the spacing is somewhat equal to the spacing between the line and icon. See how there's all that space to the left...

Screen Shot 2020-12-18 at 11.08.13 PM.png

#block-yui_3_17_2_1_1602799612898_17150 + .row > .span-10 .span-2 {
  display: inline-block;
  width: auto !important;
  float: left !important;
}
#block-yui_3_17_2_1_1602799612898_17150 + .row > .span-10 .span-8 {
  display: inline-block;
  width: auto !important;
  float: left !important;
}

image.thumb.png.da08b8c4152a7d06f6974162a831c89c.pngimage.png.90a5c18d9f0058996b49b7e995e031ff.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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