Return to previous page

Topic: product share social icon add other choose and color

Jhen

Participant

December 6, 2022 7:04 am

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
Theme version: 6.3.5

#340636 copied to clipboard
Rose Tyler

Support staff

December 6, 2022 10:37 am
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 to clipboard
Jhen

Participant

December 6, 2022 10:39 am

how to disable some social icon

#340666 copied to clipboard

Rose Tyler

Support staff

December 6, 2022 1:08 pm

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 to clipboard

Jhen

Participant

December 8, 2022 7:35 am

background-color can it setting be different icon

pls help me check disable some social icon

Content is visible for topic creator and
support staff only.

#340882 copied to clipboard

Rose Tyler

Support staff

December 8, 2022 8:15 pm

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 to clipboard

Jhen

Participant

December 21, 2022 10:04 am

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

Content is visible for topic creator and
support staff only.

#342012 copied to clipboard
Rose Tyler

Support staff

December 21, 2022 8:23 pm
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 to clipboard