Jump to content

Comment passer le bandeau nouveautés en rond ?


Recommended Posts

Bonjour à tous,

Sur mon site www.lheritierdutemps.com, je cherche à transformer le bandeau nouveauté qui apparaît sur les images produits en simple rond, dans lequel sera écrit NEW.

J'ai déjà reussi à changer la couleur dans ce code:

.new-label {
    font: 400 11px/15px "Roboto", sans-serif;
    color: white;
    position: absolute;
    /*top: 0px;
    left: 0px;
    background: #505050;
    padding: 6px 12px 7px;*/
    top:20px;
    left:-35px;
    padding:6px 35px 7px;
    width:12em;
    display: block;
    z-index: 1;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform:rotate(-45deg);
    background-color: #000000;
    transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg);            /* Newer browsers */
    }

Mais je ne vois pas comment changer le format pour arriver à un rond.

D'avance merci à tous !

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...