Jump to content

[SOLVED] Change color of flags 'new'


Recommended Posts

You need to open http://yourdomain.com/themes/yourtheme/css/global.css and find these codes:

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


.new-label {
    background: 0 0 #6ad4ff;
    color: #fff;
    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;
}

Change "border-color" color in .new-label::before and .new-label::after and "background" on .new-label.

  • Like 1

Share this post


Link to post
Share on other sites

You don't have default theme, that's why you can't find it.

 

You need to look for this code:

.new-box span.new {
    background: #ff0000;
    color: #ffffff;
    display: block;
    font-weight: bold;
    left: -31px;
    line-height: normal;
    padding: 5px 0;
    position: relative;
    text-align: center;
    top: 26px;
    transform: rotate(-45deg);
    width: 140px;
    z-index: 2;
}

and

span.before, span.after {
    background: #903;
    content: ".";
    display: block;
    height: 5px;
    position: absolute;
    right: 3px;
    text-indent: -9999px;
    top: -1px;
    width: 6px;
    z-index: 1;
}

Change backgrounds in both to desired color.

Share this post


Link to post
Share on other sites

Code background: #ff0000; sets background color to red.

#ff0000 is hex code for red color. you need to change this hex code to get different color.

You can find hex color picker here: http://www.colorpicker.com/

Find hex code for your desired color and put it instead of #ff0000

Then upload css file to server

Share this post


Link to post
Share on other sites
  • 4 years later...

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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More