Jump to content
Mystik-DL

Round style quality and episode title

Recommended Posts

For this: 

qbgxy62.png

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:

KZgbjwu.png

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;
    }

 

Edited by Mystik-DL
  • Like 1

Share this post


Link to post
Share on other sites
16 hours ago, tiosnow said:

He agredado el codigo a dooplay css y guando los cambios pero no funciona podrias ayudarme 

Did you put the code in the right place? because for me it still works...

7ktesRq.png

you should have something like that in your Custom CSS. (you can change the color codes if necessary)

GvRi336.png

Share this post


Link to post
Share on other sites

to do just the quality to round corners you can just put

.quality {border-radius: 5px; }

in custom css and it will make it round on all 4 corners :)

Share this post


Link to post
Share on other sites

  • Who's Online   0 Members, 0 Anonymous, 29 Guests (See full list)

    There are no registered users currently online

×
×
  • Create New...