Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #313256
    kegweb6
    Participant

    Hello,

    The website I am currently building is tdiacademy.com.

    When I put in the link to Facebook and Instagram the icon automatically shows up. However, when I add a link to xiaohongshu, it is a generic link image. How can I change this image to a xiaohongshu icon?

    Thank you in advance!

    #313261
    tikaram
    Keymaster

    @kegweb6 : The Facebook and Instagram icons are already predefined icons in the theme that’s why they appear automatically. Regarding adding the xiaohongshu icon I will consult with the development team and let you know soon as it’s not predefined in the theme. Sorry for the inconvenience caused.

    Regards,
    Tikaram

    #313268
    Sakin
    Keymaster

    @kegweb6: It is showing a generic icon as there is no predefined icon for xiaohongshu. So, if you have a small square png image then you can upload it using “Media => Add New” from your WordPress dashboard. After that copy that image link and paste it here and we will send you Custom CSS to add that.

    #313281
    kegweb6
    Participant

    http://tdiacademy.com/wp-content/uploads/2022/12/fe4abef8bbad3d45.png

    This is the png that I have uploaded for the xiaohongshu icon. Thank you for the help!

    p/s: Not sure why my previous reply was shown as awaiting moderation so I posted this again

    #313283
    kegweb6
    Participant
    #313282
    kegweb6
    Participant
    #313280
    kegweb6
    Participant

    http://tdiacademy.com/wp-content/uploads/2022/12/fe4abef8bbad3d45.png

    This is the logo that I needed for xiaohongshu. Thank you for the help!

    #313289
    tikaram
    Keymaster

    @kegweb6 : Login to your WordPress admin section.
    Go to Appearance => Customize => Additional css and add the following css.

    .menu-item-5465 > a {
      background-image: url("https://tdiacademy.com/wp-content/uploads/2022/12/fe4abef8bbad3d45-1-4-2.png");
    }
    .menu-item-5465 .icon-chain {
      display: none;
    }
    #floating-social .social-navigation .menu-item-5465 a:hover {
      background-image: url("https://tdiacademy.com/wp-content/uploads/2022/12/fe4abef8bbad3d45-1-4-2.png");
    }

    Let me know if this helps you out.

    Regards,
    Tikaram

    #313290
    kegweb6
    Participant

    It works perfectly, thanks for the help!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Add RED/XiaoHongShu Icon to Social Links’ is closed to new replies.