Disqus balloon on top

  • Ricardo

    #2174

    I switched to the ‘DISQUS’ commenting system today, but I encountered a small problem:

    When you click the ‘like’ button (http://fastforwardandrewind.com/5096/david-guetta-titanium-ft-sia-eos-remix/) a balloon appears that give you a choice between Twitter and Facebook, only it isn’t on top so my SoundCloud player overlaps it.

    I’ve tried changed the position but that didn’t help. Anny ideas? 🙂

    Thanks,

    Ricardo

    Mod

    Kenneth John Odle

    #19197

    I’m not seeing it. Perhaps you could post a screen shot?

    Ricardo

    #19198
    Mod

    Kenneth John Odle

    #19199

    Okay, I didn’t see that before; now I do.

    Your CSS is a little difficult for me to follow, but what I can see is that the pop-up window you’re talking about is defined by this div:

    <div id="dsq-share-step-1" class="dsq-share-step" style="display: block ! important;">

    Try adding a z-index to either the id or the class (probably the class, but I may be wrong) to make it float on top. There’s a good intro to CSS layers here. Let me know how it goes.

    Ricardo

    #19200

    This balloon is really persistent! This doesn’t work (which, in theory should):

    #dsq-share-step{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    }

    More ideas to force it on top?

    Mod

    Kenneth John Odle

    #19201

    Not -1. Try a larger number: 10 or so.

    Mod

    Kenneth John Odle

    #19202

    Or try adding it to the class.

    Ricardo

    #19203

    I have already tried different values instead of 1, and they all didn’t work. Adding it to the class also didn’t work.

    Mod

    Kenneth John Odle

    #19204

    That should work, unless there is something further done in the CSS that is overriding that.

    Ricardo

    #19205

    Hmm, could the problem lie in the (flash based) SoundCloud player?

Viewing 10 posts - 1 through 10 (of 15 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!