Removing Share Button

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!

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

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.

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

That was great! Very helpful and very very easy, which I appreciate! Thanks!