Play and Wave

When you need to visualize several instances of the player on your page and you don’t want to clutter the space with too many elements, this customization can help you get a more streamlined player.

If you prefix your CSS rules with a specific class, you can limit your customization to those players that are inside an element with that class. For example, prefixing all the selectors of the following CSS ruleset with the class .products you only affect the instances inside the WooCommerce loop.

.wvpl-left-box {
background:none!important;
width:40px;
height:60px;
border-radius:0!important;
}
.wvpl-right-box{
height:60px;
}
.wvpl-interface:hover {
background:none!important;
}
.wvpl-poster{
display:none;
}
.wvpl-info,.wvpl-volume{
visibility:hidden;
}
.wvpl-icon.wvpl-play{
color:#058;
text-shadow:none;
}
.wvpl-infobar{
visibility:hidden
}