Footer social button not rendering
- This topic has 9 replies, 3 voices, and was last updated 1 year, 7 months ago by .
-
AuthorPosts
-
February 23, 2022 at 3:20 pm #6963
stripedzebra1
I have the following code for a Reddit social button, but it’s not rendering on my website at all. I put this in the svg-map.svg file in my simple-overrided theme folder. Since I had to “turn on” the other social buttons in the Publii graphical interface (which are working), how do I get this custom one to appear on the footer of my website like the others? I got the reddit svg icon from Font Awesome.
<symbol id="reddit" viewBox="0 0 512 512"> <path d="M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z"/> </symbol>
February 23, 2022 at 3:24 pm #6964Bob
Does it work on a live server?
Chrome, Firefox, and Safari do not allow for the referencing/loading of the external SVG files. So, to put it in motion locally you also need to add the SVG code to the svg-map.js file (/assets/js/).
--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!February 23, 2022 at 4:12 pm #6965stripedzebra1
Thanks for the reply. It has not been working on a live server so far. I added this to the svg-map.js file and unfortunately it still didn’t render.
"#reddit": { "viewbox": "0 0 512 512", "content": "<path d=\"M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6 0-13.8 11.1-24.9 24.9-24.9 13.6 0 24.6 11.1 24.6 24.9 0 13.6-11.1 24.6-24.6 24.6zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-132.3-41.2c-9.4 0-17.7 3.9-23.8 10-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3 55.4 12.5c0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9 0-46.3 46.9-14.4 62.8-1.1 5-1.7 10.2-1.7 15.5 0 52.6 59.2 95.2 132 95.2 73.1 0 132.3-42.6 132.3-95.2 0-5.3-.6-10.8-1.9-15.8 31.3-16 19.8-62.5-14.9-62.5zM302.8 331c-18.2 18.2-76.1 17.9-93.6 0-2.2-2.2-6.1-2.2-8.3 0-2.5 2.5-2.5 6.4 0 8.6 22.8 22.8 87.3 22.8 110.2 0 2.5-2.2 2.5-6.1 0-8.6-2.2-2.2-6.1-2.2-8.3 0zm7.7-75c-13.6 0-24.6 11.1-24.6 24.9 0 13.6 11.1 24.6 24.6 24.6 13.8 0 24.9-11.1 24.9-24.6 0-13.8-11-24.9-24.9-24.9z\" />" }
February 23, 2022 at 4:23 pm #6966Bob
provide with me the link to the live demo of this issue.
--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!February 23, 2022 at 5:34 pm #6967stripedzebra1
https://coincontroversy.com/. Thank you very much!
March 2, 2022 at 5:07 pm #6998privii
@Bob could you please consider adding a reddit button natively? It’s a popular social network, and the new version has a follow functionality too.
March 2, 2022 at 5:32 pm #6999Bob
stripedzebra1 wrote:https://coincontroversy.com/. Thank you very much!
I can’t find the reddit button in the source code, so I can’t figure out what’s wrong.
--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!March 2, 2022 at 5:36 pm #7000Bob
privii wrote:could you please consider adding a reddit button natively
I can do that, the huge app and themes update is coming soon, so any suggestions on what else is worth adding (follow buttons)?
--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!March 2, 2022 at 6:26 pm #7001stripedzebra1
Bob wrote:stripedzebra1 wrote:https://coincontroversy.com/. Thank you very much!
I can’t find the reddit button in the source code, so I can’t figure out what’s wrong.
Thanks for trying.
March 2, 2022 at 6:37 pm #7002stripedzebra1
Bob wrote:privii wrote:could you please consider adding a reddit button natively
I can do that, the huge app and themes update is coming soon, so any suggestions on what else is worth adding (follow buttons)?
That would be great! My suggestions besides Reddit follow/share buttons would be a Discord follow button. I don’t think Discord can have a share button. Maybe also (if it’s possible) add an option in the UI to add custom buttons like donation buttons (Ko-Fi, Patreon, Buy me a Coffee, etc). Thank you for your help.
-
AuthorPosts
- You must be logged in to reply to this topic.