Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Footer social button not rendering

  • #6963
    Avatar photo[anonymous]

    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>
    
    
    #6964
    Avatar photoBob

    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/).

    #6965
    Avatar photo[anonymous]

    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\" />"
        }
    #6966
    Avatar photoBob

    provide with me the link to the live demo of this issue.

    #6967
    Avatar photo[anonymous]

    https://coincontroversy.com/. Thank you very much!

    #6998
    Avatar photo[anonymous]

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

    #6999
    Avatar photoBob
    [anonymous] 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.

    #7000
    Avatar photoBob
    [anonymous] 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)?

    #7001
    Avatar photo[anonymous]
    [anonymous] wrote:
    [anonymous] 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.

    #7002
    Avatar photo[anonymous]
    [anonymous] wrote:
    [anonymous] 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.