Promo Icon Products Page

[chrystianbourassa]

Where can I change color of the promo icon that appear on the picture of the products page ? http://prntscr.com/jv2kmh  

[Mark Morgan]

To change the color of promo icon you have add the below given css code in your custom css. To do this please go to wp-admin -> Appearance ->Customize -> Custom css and paste this css code. .woocommerce span.onsale{background:#000 !important;}

[chrystianbourassa]

Ok it worked thanks.  Can you also do a css for the products widget on the footer.  There is no place to change the color.

[Diana]

@chrystianbourassa Paste this css in wp-admin > Appearance > Customize > Custom css .widget_products h4,  .woocommerce ul.product_list_widget li a {color:#f7be68 !important;}

[chrystianbourassa]

This css has changed the text above prices.  That's not what I want.  Just the prices for widget.

[Mark Morgan]

Please share the screenshot what you want to change.

[chrystianbourassa]

Here is the screenshot http://prntscr.com/jwpal4 Also price widget on the side too.

[Mark Morgan]

Please add the below given css code in your custom css, it will change the text color of price. footer .woocommerce ul.product_list_widget li .amount{ color:#000 !important; }

[chrystianbourassa]

Thank you.  Close this request.

[Mark Morgan]

Thanks for confirmation, closing this topic.

[Author]

Posts