themes - How to add extra custom social icons to page with same style?

admin管理员组

文章数量:1122846

I have been trying hard to add more social icons of same style as provided in the theme I purchased, but I couldn't understand how to do it.

The theme provides only limited social icons as shown in the footer of My Website.

How can I add extra social icons say like that of Telegram/Tumblr etc. but with the same style as is there for other icons.

Thanks a lot for help.

I have been trying hard to add more social icons of same style as provided in the theme I purchased, but I couldn't understand how to do it.

The theme provides only limited social icons as shown in the footer of My Website.

How can I add extra social icons say like that of Telegram/Tumblr etc. but with the same style as is there for other icons.

Thanks a lot for help.

• themes
• footer
• social-sharing

Share Improve this question asked Feb 23, 2020 at 7:30 BaazigarBaazigar 1111 bronze badge

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

There's a hacky Javascript way I've used before which is to use appendChild() to add a Font Awesome icon to the parent node. There will be a container for the icons. Find its ID or class and save to a variable, add your icon HTML (or img tag) to a variable, then use parent.appendChild(variableNameOfIcon); to add a new icon to the end of the list of children within that node.

You can also adjust the PHP template, either through use of a child theme or there may also be a filter hook available depending on the theme to add new icons via filters.

本文标签： themesHow to add extra custom social icons to page with same style