Jump to content

Removing Share Button

Recommended Posts

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!

Edited by Vidali
Missing info
Link to comment

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

Link to comment

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

Edited by IXStudio

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

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.