Return to previous page

How to change backgroung color woocommerce message ?

This topic has 4 replies, 3 voices, and was last updated 4 days, 4 hours ago ago by Tony Rodriguez

Marc Savall

Participant

December 9, 2025 at 16:36

Customer Area / Orders : “No orders have been placed yet.” Browse products…
The message appears on a blue background. I would like to adapt it to my branding.
I tried changing the style in the theme’s custom CSS section, but it doesn’t work.
https://www.greennature.fr/mon-compte/orders/

/* Remplace le bleu du message “Aucune commande…” – coller ici */
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-info::after {
background: #f2f2f2 !important;
background-image: none !important;
color: #333 !important;
border-left: 4px solid #4CAF50 !important;
}

Files is visible for topic creator and
support staff only.

#462053 Copied

3 Answers
Jack Richardson

Support staff

December 9, 2025 at 19:40
Hello @Marc Savall,

Please try using the following custom CSS snippet to modify the alert on this specific page only:

.woocommerce-MyAccount-content .woocommerce-info { background: #f2f2f2; color: #333; border-left-color: #4CAF50; }

Best regards,
Jack Richardson
8Theme Team
#462066 Copied
Marc Savall

Participant

December 9, 2025 at 22:27

Thanks for the support! My topic “How to change backgroung color woocommerce message ?” has been successfully resolved.

#462092 Copied

Tony Rodriguez

Support staff

December 9, 2025 at 22:27

Dear Marc Savall,

We really appreciate your time and engagement within the WordPress & WooCommerce community

Your feedback drives every improvement we make in XStore — helping us deliver a smoother and more flexible experience with each update.

Leave Feedback →
(takes less than a minute)

Your input makes a real difference.

Topic closed.
The 8Theme Team

#462093 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to change backgroung color woocommerce message ?’' has been successfully resolved, and the topic is now closed for further responses

How to change backgroung color woocommerce message ?

Explore our best WordPress WooCommerce Themes collection