Sign in

Footer social button not rendering

  • This topic has 9 replies, 3 voices, and was last updated 9 months ago by .
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #6963
    Avatar photostripedzebra1

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

    --
    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!

    #6965
    Avatar photostripedzebra1

    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.

    --
    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!

    #6967
    Avatar photostripedzebra1

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

    #6998
    Avatar photoprivii

    @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

    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!

    #7000
    Avatar photoBob

    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!

    #7001
    Avatar photostripedzebra1

    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 photostripedzebra1

    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.

     

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.