Colour On order Status

General General Questions
1

What is this determined by - I cannot see anything when I click on edit.



But in the back end they do have different colours and I should like to change some.

2

Most of the site colors are determined by styles.css, styles.base.css or dropdown.css located in your skins/yourskin/customer directory.

3

Thanks but I meant how do I change it for a particular order status.



How is cs-cart determining what colour to use I can see nothing under the edit option for an order status.

4

It is under

skins/basic/admin/style.css






.order-status { /* user status, backordered */
font-weight: bold;
color: #ffffff;
padding-right: 3px;
background: #28abf6 url(images/button_mask_right.png) no-repeat 100% 0px;
display: block;
margin-right: 10px;
}
.order-o { /* [COLOR="Red"]open[/COLOR] */
background-color:[COLOR="Blue"] #ff9522;[/COLOR]
}
.order-i { /* [COLOR="Red"]cancelled[/COLOR] */
background-color: [COLOR="Blue"]#d2d2d2[/COLOR];
}
.order-c, .order-p { /* [COLOR="Red"]completed, processed[/COLOR] */
background-color: [COLOR="Blue"]#97cf4d;[/COLOR]
}
.order-d, .order-f { /* [COLOR="Red"]declined, failed[/COLOR] */
background-color:[COLOR="Blue"] #ff5215;[/COLOR]







I wanted to change my completed and processed to different colors

This line shows that both completed and processed are the same color



.order-c, .order-p { /* [COLOR=“Red”]completed, processed

background-color: [COLOR=“Blue”]#97cf4d







I changed mine to look like this


.order-status { /* user status, backordered */
font-weight: bold;
color: #ffffff;
padding-right: 3px;
background: #28abf6 url(images/button_mask_right.png) no-repeat 100% 0px;
display: block;
margin-right: 10px;
}
.order-o { /* [COLOR="Red"]open[/COLOR] */
background-color: [COLOR="Blue"]#ff9522[/COLOR];
}
.order-i { /* [COLOR="Red"]canceled[/COLOR] */
background-color:[COLOR="Blue"] #d2d2d2[/COLOR];
}
.order-c { /* [COLOR="Red"]completed[/COLOR] */
background-color: [COLOR="Blue"]#28abf6[/COLOR];
}
.order-p { /* [COLOR="Red"]processed[/COLOR] */
background-color: [COLOR="Blue"]#97cf4d[/COLOR];
}
.order-w { /* [COLOR="Red"]waiting payment[/COLOR] */
background-color: [COLOR="Blue"]#000000[/COLOR];
}
.order-d, .order-f { /* [COLOR="Red"]declined, failed[/COLOR] */
background-color: [COLOR="Blue"]#ff5215[/COLOR];

order-status.jpg

5

Perfect that is just what I wanted to do.

6

I changed my completed orders to a faint grey. It helps the eye see the green order better that really need attention.



To change the colour of the icons on the main order page, you will need to manually edit the gif and save it to the images folder, I just grey scaled it. The name of tyhe image file is:



select_list_X, X is the colour.? Edit line 2238 on the same css file. My mod:





.status-s, .status-o-p, .status-a { /* successful, processed /

background: url(images/select_list_y.gif) no-repeat right top;

}

.status-o-c { / completed j*/

background: url(images/select_list_g.gif) no-repeat right top;