Product share social icon add other choose and color

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

  • Avatar: jhen
    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

    7 Answers
    Avatar: Rose Tyler
    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

    Avatar: jhen
    Jhen
    Participant
    December 6, 2022 at 10:39

    how to disable some social icon

    Avatar: Rose Tyler
    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

    Avatar: jhen
    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.
    Avatar: Rose Tyler
    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

    Avatar: jhen
    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.
    Avatar: Rose Tyler
    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

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.