1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

SoundCloud Embeds go over userbar

Discussion in 'Styling and Customization Questions' started by Zovator, Jun 25, 2012.

  1. Zovator

    Zovator Member

    I am currently having this issue:
    As you can see, SoundCloud embeds on my forum, go straight over the userbar, instead of under them, like the rest of the content, as far as I know this only happens with users using the Google Chrome browser, and I am a bit confused as to how to fix this issue.
    Would anyone be able to help me with how to do this?
  2. Chris D

    Chris D XenForo Developer Staff Member

    Have you got a URL so I can inspect the CSS?

    It might just need z-index something added to one of the Soundcloud css classes, or the userbar class...
  3. Zovator

    Zovator Member

    The image in my post was taken at this page.
  4. Chris D

    Chris D XenForo Developer Staff Member

    Here we go :)

    Much better:


    This is achieved by adding this to the soundcloud code somewhere:

    <param name="wmode" value="transparent">
    So the Soundcloud embed code needs to look like:

    <object height="81" width="100%">
    <param name="wmode" value="transparent">
    <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed>
    Zovator and Jake Bunce like this.
  5. Zovator

    Zovator Member

    Thank you :)

Share This Page