Color for New order

BariqWani · 2021-11-26T06:45:05+00:00

Order placed color was purple and completed order has green color. But in 3.0 both new order (i.e, order placed ) & completed have green colors

Color for New order

JohnPaulMayuga

Saurabh Same issue before the "Order Placed" was purple then after updating 3.0 "Order Placed" and "Completed" is now both Green.

NikhilJain

JohnPaulMayuga 3.0 have custom CSS for admin. Change the color of the badge according to your need with basic css.

[deleted]

@BariqWani @alabtechnosoft JohnPaulMayuga
.badge-color-1 { background-color: #your-color-hex; }
Use this css

alabtechnosoft

[deleted] Buddy, i tried this code but seems its not working when you'll receive new orders still it's showing GREEN only. Did i missed anything here...?

[deleted]

alabtechnosoft did you change the color in #your-color-here? 😅

alabtechnosoft

[deleted] Yeah buddy..

.badge-color-1 {
background-color: #7C4BBB;
}

[deleted]

alabtechnosoft where did you add this css? in customer app css or admin dashboard css? check once again.

alabtechnosoft

[deleted] Let me check once again and come back to you. Thank you buddy!

alabtechnosoft

[deleted] Now its working fine brother actually i was added this code into customer app CSS 🙁

alabtechnosoft

@[deleted] buddy, can you please tell me the same thing for scheduled order & conform order?

See the screenshot buddy, its now showing anything...

[deleted]

alabtechnosoft I dont have the order schedule module bro. Send me message on whatsapp

alabtechnosoft

[deleted] Yeah brother, i will send you.

bob_gva

Somone know how to change color for Self-pickup orders ?

alabtechnosoft

@Saurabh brother, could you please let us know badge color number for scheduled & confirmed order...? As you see the screenshot its not showing anything on admin dashboard.

We made this for new order:
.badge-color-1 {
background-color: #7C4BBB;
}

alabtechnosoft

Finally this working perfectly!

/* Order Badge Color Change */
.badge-color-1 {
background-color: #7C4BBB;
}

.badge-color-11 {
background-color: #FF7F61;
color: #fff;
}
/* Order Badge Color Change */

Result: