[SOLVED] Change color of flags 'new'

[Kaatje]

Hello,

 

How do I change the color of the flags 'new'? 

Hope someone can help me!

 

Thank you!

 

[dioniz]

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.

[Kaatje]

Thank you very much!!

[dioniz]

You are welcome!

I'm marking this thread solved

[Kaatje]

I can't find 'new-label'

 

Do you have suggestions for another name where I can find it? 

[dioniz]

Is it possible to see your site?

[dioniz]

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.

[Kaatje]

Find it! 

 

But how do I make changes?

[dioniz]

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

[Jonas vh]

global.css is not to be found in a 1.7.6 Prestashop classic template.

I want to change the same thing. 

Any help please?

 

Regards