How can we change social link classes?

Hi,

We saw in your documentation that we change the style of social links but changing their class names.
We want to change them on the product page from … icons-design-default icons-size-small… to … icons-design-colored-alt icons-size-default …

But we can’t figure out where we can change classes.

Can you please help?

Thanks,
Shira

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.single-product .wd-social-icons .wd-icon {
color: white;
}

.single-product .icons-size-small .wd-social-icon{
    width: 30px !important;
    height: 30px !important;
}

.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;
}

Best Regards

Thanks, Aizaz.

We would rather change the class names rather than add more styling code to the site (it all adds up). Is there a way we can just change the class names so the relevant exiting classes are applied?

Thanks,

Hello,

Sorry but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

You can find the file under woodmart/inc/integrations/template-tags.php and customize at your own risk.

Regards.
Xtemos Studios

[Author]

Posts