https://nextroundlive.com/staging/4413/
How do you add a custom social icon? I see that the option is available, but when I check the custom icon box it just shows me all the regular icons. There is not an option to add the SVG code. We would like to add a link to our show on Apple Podcast and iHeart in the menu bar. I have the SVG files. I was able to add them as a regular icon, but not a social icon.
Hello,
If you are referring to the social icons from the tagDiv Composer, then you need to select the element, scroll down and the last option will be “Custom Social Icon”: https://i.imgur.com/tvRwEKe.jpeg https://i.imgur.com/v1yuksS.png
Click on the icon and choose the last option in the list, which refers to SVG:
Then, simply fill in the social name and social URL, and you’re done.
If you need more than one custom social icon, you can use multiple Social Icons elements (e.g., 2–3, or as needed).
I hope this helps!
Thank you!
I tried that. I see the options referenced below but it doesn’t allow me to add an SVG. Here is what I see:
Hi,
I understand what you mean, the SVG need to be added before checking the above settings, to add a new svg you need to access the Website manager > Custom SVG Icons – https://i.imgur.com/ztwNOiG.jpeg
I hope this will help you!
Hi,
I had the same problem so i follow your process and i insert the svg path code into the manager svg custom icon, everything is ok i can view it but when i insert it with the social icons element my icon not appear in my page. I find the code in the inspector but icon not display. Any idea to help me? Thank you.
I resolve my trouble, in the tds-icon-svg-wrap class the width was missing. I add it into custom css and works nice.
I’m glad you managed to resolve it!
