Add Instagram Social Icon On Macro Template
Kelechi
Hi, How can I add Instagram Social Icon to your Macro template. Currently, Instagram is not listed. See screenshots int the URLs Below: https://privatebin.support-tools.com/?7cf3041f6410d0a0#owjHV082/WU3+KGRQazT2I6Ar9eN8UHmTGhI/PpGmvo=
https://privatebin.support-tools.com/?12a7feae3c330c05#f2XiTHEm5nG1AsXvU8CAUzJpK0iZAk4+sLYD2Q9mZ0A=
Thanks
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
If you want to use extra social icons in Helix templates, you can use Custom field for it.
You need to add the fontawesome class<space>social link
Example: fa-instagram https://instagram.com
If you want to add more than one social icons, then you need to use any of the default icon and use custom CSS.
For example, to change Dribble icon to Github, you need this CSS
.fa-dribbble::before { content: "\f09b"; } Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
The following may help too: https://www.youtube.com/watch?v=8dpCfEnvLts
Best Regards
Kelechi
Accepted AnswerHi, Thanks for your response. I think I am missing something :)
I added the following code: See screenshot URL below: https://privatebin.support-tools.com/?0ef54a8b67db24e5#raBzqkJRWXkwXsSDXl9B8yAiYUPcjUIkcNVJR2mkzVQ=
I wanted to change linkedln to Instagram but it did not work. What is the current css code since mine is incorrect?