Theme breaks music player controls

[Anonymous]

The play button is out of place and I can’t figure out what I need to do to my theme to fix it. I’m using the deTube theme that I purchased. It’s looks fine in other themes.

Thanks.

[Rattus]

post link to the page, please

[Anonymous]

Sorry, I wish I could. It’s on an intranet site behind the corporate firewall.

[Rattus]

I believe that your theme’s css override .play class for music player. I’ll rename this class to something unique in next Music Player version. But for now you can fix it in your theme’s style.css file

[Anonymous]

Thanks. I didn’t find any .play class in any of my theme’s css files. But I did get it back to it’s position by using position: relative in the .play class in the plugin’s css file.

But one other problem, which also existed when the play button was in the wrong place, is that when I place the cursor over the button, it disappears. Same for when it is swapped to the pause button. Previous and Next are fine, though.

[Rattus]

Add this styles to the end of css file:

.gm-music-player .play, .gm-music-player .play:hover {
	position: relative;
	background: transparent url(../img/player-play.png) no-repeat center center scroll;
}
.gm-music-player .pause, .gm-music-player .pause:hover {
	position: relative;
	background: transparent url(../img/player-pause.png) no-repeat center center scroll;
}

I’ll fix this in next plugin release.

[Anonymous]

Works! Thank you!

[Author]

Posts