[kegweb6]

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!

[tikaram]

@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

[Sakin]

@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.

[kegweb6]

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

[kegweb6]

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

[kegweb6]

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

This is the smaller image of the icon.

[kegweb6]

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

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

[tikaram]

@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

[kegweb6]

It works perfectly, thanks for the help!

[Author]

Posts