I can not hide SCM Music Player on Tumblr

4

I'm trying to hide the SCM Music Player and expand the main container to 100% (because the player reduced it slightly in the bottom) in my Tumblr blog but my code does not work.

The Javascript code:

setTimeout(function () {
    $(function(){
        $('body').contents().find('iframe').contents().find('#contentW').css({top: 0px; bottom: 0px; right: 0px;});
        $('body').contents().find('iframe').contents().find('#playerW').css({display: none;})
    });
}, 5000);

The structure of the page already loaded (notice that I have omitted some unnecessary parts):

<html>
    <head>
        // algumas tags do Tumblr
    </head>
    <body>
        <iframe> // Iframe desnecessário gerado pelo SCM
            <html>
                <head>
                    // algumas tags do SCM
                </head>
                <body>
                    <div id="contentW" style="top: 0px; bottom: 25px; right: 0px;">
                        // O CONTAINER PRINCIPAL DO BLOG ESTÁ AQUI
                    </div>
                    <div id="playerW" style="top: auto; bottom: 0px; height: 25px;">
                        // O PLAYER QUE EU QUERO OCULTAR
                    </div>
                </body>
            </html>
        </iframe>
    </body>
</html>

What's wrong?

    
asked by anonymous 15.12.2014 / 03:04

1 answer

2

I finally got it (without JS and JQuery). I created a CSS file, uploaded it to Tumblr and used the link as a 'custom skin' on the SCM site.

CSS Code:

#playerW {display: none !important;}
#contentW {top: 0 !important; bottom: 0 !important; right: 0 !important;}
    
15.12.2014 / 19:06