Share Button size on product page

How can i resize share buttons on product page and change icons or add new icons like instagram

Hello,

To change the size of social share buttons from the product page you can use the below css in Theme Setting >> CUSTOM CSS >> Global Custom CSS:

.product-image-summary-wrap .woodmart-social-icons.icons-size-small i {
	font-size: 24px;
}

Result: https://jmp.sh/VMQQi91

There is no option in the theme to change the icons of social share. You just have to enable the social share link from the Theme Settings >> Social Profiles >> Share buttons. Icons will be used by the theme as default.

Best Regards.

Hey, Aizaz

I tried to use the css to resize the buttons but it didn’t work. I need the resized icons in the mobile mode.

Could you help me, please?

Thanks for your attention

https://casaquerida.com.br/produto/almofada-para-cadeira/

Hello,

@andreap116 Please try adding the following Custom CSS for that.

.single-product .product-image-summary-wrap .wd-social-icons.icons-size-small .wd-icon {
    font-size: 20px;
}

Best Regards

[Author]

Posts