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
.
