Jump to content

[SOLVED] Change color badge "NEW"


Pro

Recommended Posts

In yourdomain/themes/default-bootstrap/css/global.css find bottom codes

.new-label {
    background: none repeat scroll 0 0 #6ad4ff;
    color: white;
    display: block;
    font: 700 14px/12px Arial,Helvetica,sans-serif;
    left: -33px;
    padding: 9px 0 7px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-45deg);
    width: 130px;
    z-index: 1;
}
.new-label:before {
    border-color: #21a3d8 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    bottom: -3px;
    content: ".";
    height: 0;
    position: absolute;
    right: 5px;
    text-indent: -5000px;
    transform: rotate(225deg);
    width: 0;
}
.new-label:after {
    border-color: #21a3d8 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0;
    bottom: -3px;
    content: ".";
    height: 0;
    left: 3px;
    position: absolute;
    text-indent: -5000px;
    transform: rotate(135deg);
    width: 0;
}

In .new-label change background color #6ad4ff to your need.

 

In .new-label:before and .new-label:after change border color #21a3d8 to your need

Link to comment
Share on other sites

×
×
  • Create New...