Jump to content

Removing Share Button

Recommended Posts

Posted

Site URL: https://www.alanvidali.com/sounds

I am trying to do a few things on this page so any support will be greatly appreciated.


1. I want to remove the share button that is below the song. 

 

2 How can I make the play button much smaller and just have the play icon without the circle. I also want to make the text SOUND MUCH SMALLER.

 

3. Last but not least. I want to change the font that of the text below the timeline of the song. Currently, it is Helvetica but I want to add a font I uploaded (Vidali)

 

Any tips and help will be appreciated. Thanks and happy coding/designing everyone! CHEERS!

  • Replies 4
  • Views 840
  • Created
  • Last Reply
Posted

Hi

Use this code in Design -> Custom CSS

.collection-type-album .ss-social-button {
    display: none;
}

.sqs-audio-playlist .album-controls .button {
    background: transparent;
}

.sqs-audio-playlist .album-controls .icon {
    border-left-color: black !important;
    border-top-width: 15px;
    border-left-width: 27px;
}

3. Please take a screenshot of the place of it.


Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Posted

Hey Leopold,

That was very helpful. I appreciate really appreciate it. 

In regard to the third question I had, I attached a screen shot of what I want to do. Here is also the link to the page. https://www.alanvidali.com/sounds

 

Thank you and as I said, any help is greatly appreciated.

Screen Shot 2020-09-08 at 9.21.15 AM.png

Posted

Hi, Your welcome!

Use this code in Design -> Custom CSS

.sqs-audio-playlist .album-title {
    font-family: 'vidali' !important;
    font-size: 14px !important;
}

.sqs-audio-playlist .album-controls .icon {
    border-top-width: 10px !important;
    border-left-width: 21px !important;
    border-bottom-width: 14px !important;
}

.sqs-audio-playlist .track-meta .track-time,.sqs-audio-playlist .track-info .title a {
    font-family: 'vidali' !important;
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Archived

This topic is now archived and is closed to further replies.

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