Product page social icons

[dsirard11]

Hello,

Is there a way to change the color of the social media icons on the single product page? Also – we’d like to change the color of the Add to Cart icon, box & text.

Thank you,
Dawna

[David Martin – Support]

Hi,

1)

Yes, please use this sample, please change the color to match your needs:

.sf-share-counts>a i {
    color: rosybrown;
}

2)

/* Add to cart icon and text color */
.woocommerce form.cart button.add_to_cart_button {
  color: rosybrown;
}

/* Add to cart button border color */
.woocommerce form.cart button.add_to_cart_button {
 border-color: rosybrown;
}

Cheers,
David.

[Rui Guerreiro – SUPPORT]

Hi,

Do you need each social icon with a different color?

-Rui

[dsirard11]

Nope – we’d like the same color for all. Thank you for asking. 🙂

[David Martin – Support]

Hi,

Did you add the CSS provided and change the color value?

.sf-share-counts>a i {
    color: rosybrown;
}

– David.

[dsirard11]

Hi David,

Yes – just did and it worked perfectly!

Thank you! 🙂
Dawna

[David Martin – Support]

Great, no problem.
– David.