Return to previous page

Product share social icon add other choose and color

This topic has 8 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

Jhen

Participant

December 6, 2022 at 07:04

product share social icon add other choose
and change color

i want to add instagram, line, twitter

how to add it
and change to icon right color

https://boardgamer.org/product/%e9%be%8d%e7%9a%84%e5%af%b6%e7%89%a9%e7%b4%99%e7%89%8c%e7%89%88-schatz-der-drachen-card-game%ef%bc%8d%e4%b8%ad%e6%96%87%e7%89%88/
https://s.dejavu.studio/i/lO6m7D

#340636 Copied Theme version: 6.3.5

7 Answers
Rose Tyler

Support staff

December 6, 2022 at 10:37
Hello,

1/ We can see the next on your site – https://prnt.sc/L6zppVIARdrQ
Point is that the Instagram app does not have a share option, it does not allow sharing, so you can’t implement this and unfortunately, there is no such option in our theme for now as well.
2/ Color can be changed using custom CSS code, for example:
```
.single-product .menu-social-icons i {
    background-color: red;
    color: #222;
}
```
Regards
#340664 Copied
Jhen

Participant

December 6, 2022 at 10:39

how to disable some social icon

#340666 Copied

Rose Tyler

Support staff

December 6, 2022 at 13:08

There is no such option. It can be done via changes in the child theme.
Describe the desired result in more detail. Provide temporary wp-admin and FTP access.

Regards

#340687 Copied

Jhen

Participant

December 8, 2022 at 07:35

background-color can it setting be different icon

pls help me check disable some social icon

Please contact administrator
for this information.

#340882 Copied

Rose Tyler

Support staff

December 8, 2022 at 20:15

We added code in the child theme – wp-content/themes/royal-child/functions.php
So you can change, for example, this https://prnt.sc/970gbdrZvyl4 to this – https://prnt.sc/93CX5aAmfSCC , in the result twitter icon will be disabled.

Regards

#340966 Copied

Jhen

Participant

December 21, 2022 at 10:04

pls help me check why it show a black block

https://s.dejavu.studio/i/BmIttQ

how to change each social-icons color

like facebook icon it is blue

Please contact administrator
for this information.

#342012 Copied
Rose Tyler

Support staff

December 21, 2022 at 20:23
Hello,

1/ Fixed.
2/ You can use custom CSS code (add it in style.css of child theme or in Theme Options > Custom CSS:
```
.menu-social-icons i.ico-twitter{
    background-color: #bc3232;
    color: #FFF;
}
.menu-social-icons i.ico-facebook{
    background-color: #bc3232;
    color: #FFF
}
.menu-social-icons i.ico-pinterest{
    background-color: #bc3232;
    color: #FFF
}
.menu-social-icons i.ico-envelope{
    background-color: #bc3232;
    color: #FFF
}
```
https://prnt.sc/wSo8xDMvBovj
Colors you can find here https://www.hexcolortool.com/#59a0e3 https://prnt.sc/fdVTVwaNhnkm

Regards
#342076 Copied
Tagged: add other, choose color, product share, social icons, templates, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)