Color changes and Email icon

Hey everyone, I want to know how I could change the “sale” icon color for items that are on sale and also how to add an email icon with the social media buttons. I saw the post where Aigars said we could replace the dribble icon with a mail icon but when I pasted that code into my .css the only thing that showed was “\f003”.



  1. This code will allow you to change “Sale” background color. Just make sure to change color code to one that you like. This example will change color to black.
.woocommerce span.onsale, .woocommerce-page span.onsale {
    background: #111;
    text-shadow: none;
  1. Please show me code you used to replace Dribbble icon and I will check what you were doing wrong.

But this code still is one that you should use via Theme Options - Other - Custom CSS or any other Custom CSS field generated by plugins such as Jetpack Custom CSS.

.social_icon.fa-dribbble:before {
    content: "\f003";
    margin-left: 50px;

Got it. I pasted it into my jetpack .css and it worked. Thank. Great support and theme by the way!!