change the style of share icons

How to change the style of share icons?? like in a atach below

Attachments:

You must be logged in to view attached files.

Hello,

The styles can be changed with custom CSS. Please provide how can you change the theme and provide page URLs where they are shown, I will provide custom CSS.

Best Regards

I whant to change the standard share buttons with the sample in attach.
The site is https://www.sonmasricas.com.ar/nueva/producto/producto-de-prueba/

Hello,

You have provided one and the same link as a sample and initial page, Do your want to change the set of icons or their view: color, size?

Best Regards

their view size, and backgroud color y a circle.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.single-product .product-share .wd-social-icons .wd-icon {
    color: white;
}
body.single-product .product-share .icons-size-small .wd-social-icon{
    width: 30px !important;
    height: 30px !important;	  
    padding-top:7px;
}
.single-product a.wd-social-icon.social-facebook {
    background-color: blue;
}
.single-product a.wd-social-icon.social-twitter {
    background-color: #3CF;
}
.single-product a.wd-social-icon.social-pinterest {
    background-color:#CB2027;
}
.single-product a.wd-social-icon.social-linkedin {
    background-color: #0274B3;
}
.single-product a.wd-social-icon.social-email {
    background-color: #0274B3;
}

Best Regards

[Author]

Posts