Jump to content

Soundcloud Block for Playlist

Recommended Posts

Site URL: https://www.festivebrass.ca/media

I added a Soundcloud block to my site's media page and embedding the code data below from Soundcloud. It LOOKS great...but doesnt work at all. Solutions??


<iframe width="100%" height="450" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1427268190&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/stevan-paranosic-204335105" title="The Festive Brass" target="_blank" style="color: #cccccc; text-decoration: none;">The Festive Brass</a> · <a href="https://soundcloud.com/stevan-paranosic-204335105/sets/festive-brass-gift-wrapped-by-request" title="Festive Brass - Gift Wrapped by Request" target="_blank" style="color: #cccccc; text-decoration: none;">Festive Brass - Gift Wrapped by Request</a></div>



Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic


You mean

You can't click Play icon?

Add this to Design > Custom CSS

.sqs-block-soundcloud .sqs-intrinsic iframe {
    z-index: 9999999999999999999;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.