Docs

[Ann]

Hey there,

I’m having issues with my soundcoud embed player. From Soundcloud, the player setting is set to be light grey (see screenshot), but when I embed on my site the grey box won’t show at all. Let me know if there’s a fix to this 🙂

Thanks!

Ann

[Rupok]

Hi there,

You can try checking the “WordPress Code”. Can you share the code you are using so that we can try on our end?

Thanks!

[Ann]

The wordpress code won’t work at all. It just appear as “code”.

This is what I have on that second screen I sent:

<iframe width=”100%” height=”20″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/292746254&color=ad0000&inverse=false&auto_play=false&show_user=true”></iframe&gt;

Can be found here too:

https://moveu.com/podcast/episode-13/

Thanks!

[Rupok]

Hi there,

Are you using Text Element or the “Embedded Audio” element? I have tried the below code :

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/292746254&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>

And the result was like this – http://prntscr.com/d6qq79

Let’s try again and make sure to copy the whole code.

Cheers!

[Christian]

Hey Ann,

Please use Cornerstone’s Embedded Audio element or the shortcode version http://demo.theme.co/integrity-1/shortcodes/audio/

Thanks.

[Ann]

I have tried both text element and audio and it s till won’t work. The result you have is from embedding the larger player. I’m looking at the “skinny option”.

Thanks!

[Rupok]

Hi there,

We can have a look into your page. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Ann]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you are using only 20px height where the background color and other styling are eliminated by Soundcloud. It should only show the text that’s currently you are seeing. It’s pretty expected as it works this way.

If you want to set a background color for this, you can add this under Custom > CSS in the Customizer.

.x-audio.embed > iframe {
  background-color: #ad0000;
}

Cheers!

[Ann]

That worked!

Thanks!!

Is there a way to add more color around the player? I tried adding a border and padding but that just messed up the player.

Ann

[Darshana]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-audio {
    background-color: #ff0000;
    padding-top: 5px;
}

Hope that helps.

[Ann]

I already tried that but it only works one way.. I want to add padding both to the top and to the bottom and it only pushes the text away.

Ann

[Rupok]

Hi there,

Let’s update your previous code :

.x-audio.embed > iframe {
  background-color: #333333;
  padding-top: 1px;
}

to following :

.x-audio.embed > iframe {
  background-color: #333333;
  min-height: 41px;
  padding: 11px;
}

Hope this will do the job.

Cheers!

[Author]

Posts