- This topic has 8 replies, 3 voices, and was last updated 12 months ago by
kegweb6.
-
AuthorPosts
-
December 3, 2022 at 5:40 am #313256
kegweb6
ParticipantHello,
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!
December 3, 2022 at 11:56 am #313261tikaram
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,
TikaramDecember 3, 2022 at 4:45 pm #313268Sakin
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.
December 4, 2022 at 4:59 am #313281kegweb6
Participanthttp://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
December 4, 2022 at 5:14 am #313283December 4, 2022 at 9:53 am #313282kegweb6
Participanthttp://tdiacademy.com/wp-content/uploads/2022/12/fe4abef8bbad3d45-1-4-2.png
This is the smaller image of the icon.
December 4, 2022 at 9:54 am #313280kegweb6
Participanthttp://tdiacademy.com/wp-content/uploads/2022/12/fe4abef8bbad3d45.png
This is the logo that I needed for xiaohongshu. Thank you for the help!
December 4, 2022 at 12:04 pm #313289tikaram
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,
TikaramDecember 4, 2022 at 12:18 pm #313290kegweb6
ParticipantIt works perfectly, thanks for the help!
-
AuthorPosts
- The topic ‘Add RED/XiaoHongShu Icon to Social Links’ is closed to new replies.