woocommerce change new-badge color

[Norman]

I need to change the color of the woocommerce new-badge

I already found your reply for it under this link, but in my case it doesn’t work
https://archived.seventhqueen.com/forums/topic/how-to-change-woocommerce-colors-for-new-badge-on-product-image

i used this code in my child style.css

COPY CODE

.woocommerce span.new-badge,
.woocommerce-page span.new-badge {
	background: #ff00b4;
	color: #fff;
}

any ideas what could be wrong ?

[Norman]

i used it like this: (no )

.woocommerce span.new-badge,
.woocommerce-page span.new-badge {
background: #ff00b4;
color: #fff;
}


[sharmstr]

This works for me

COPY CODE

.woocommerce ul.products li.product .new-badge, .woocommerce-page ul.products li.product .new-badge {
background: red;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Norman]

@sharmstr thx- but in my case no effect visible

[sharmstr]

try background: red !important;

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Norman]

@sharmstr still no effect ;(

[sharmstr]

Then its has to be a caching issue. I know for sure the code works. I’ve used it on my sites.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Norman]

ok. will check caching

[Norman]

can this be because of zlib compression ? or unlikely

[Norman]

@sharmstr – i confirm your code works

i had to also reset the CDN cache on my server- not only in wordpress.

thank you !

[Author]

Posts