For this:
Paste this code in Dooplay options --> Customize ---> Custom CSS
/* Quality */
span.quality {
color: #fff; /* Text color */
background: rgba(43, 194, 160, 0.79); /* Background color */
}
/* Style and size */
span.quality {
position: absolute;
top: 5px;
left: 0;
padding: 4px 16px;
font-size: 12px;
border-radius: 0px 50px 50px 0px;
}
/* Delete Button */
i.delete {
background: rgb(43, 194, 160); /* Background Color */
}
/* Style and size */
i.delete {
position: absolute;
top: 5px;
right: 0;
padding: 2px 16px;
opacity: .4;
z-index: 2;
border-radius: 50px 0px 0px 50px;
}
and for episode:
Paste this code in Dooplay options --> Customize ---> Custom CSS
/* Episodes Title */
.module .content .items .episodes .poster span.serie {
background: rgba(43, 194, 160, 0.79); /* Background color */
color: #fff; /* Text color */
}
/* Style and size */
.module .content .items .episodes .poster span.serie {
position: absolute;
bottom: 0;
left: 45px;
right: 45px;
text-align: center;
padding: 5px 10px;
font-size: 13px;
border-radius: 15px 15px 0px 0px;
}