[Resolved] ICON SVG ICON HTML Icon doesn´t show up any more

[Jo]

Hi there,

strange thing. All of a sudden the social icons I iserted in my site footer d not show up any more:

https://b2wxqamp.myraidbox.de/

I can see a button, but although I am seeing the f for facebook for example showing in GenerateBlocks/Gutenberg it doesn´t show on the site. On this site it shows as it should:

https://b2wxqamp.myraidbox.de/de/

And originally everything was cool on my English veersion original site, than I tried to bring the footer styles over to the German site. Now it only works on the German footer, but the English one is messed up.

What has gone wrong?

[Jo]

So strange. I tried to build new buttons, but now I don´t even get the ICON option (still between BACKGROUNDS and DYNAMIC DATA on my German page) to insert the icon link!

What´s happening?

[Jo]

Now I tried to replace the

<svg xmlns=”http://www.w3.org/2000/svg&#8221; width=”16″ height=”16″ fill=”currentColor” class=”bi bi-facebook” viewBox=”0 0 16 16″> <path d=”M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z”></path> </svg>

with the built-in aria-type icons

and first it works out in the editor, but still not showing up on the webpage and after i update and close and open the element (footer) again to edit I get the message

“This block contains unexpected or invalid content.
Attempt Block Recovery”

and the Icon SVG HTML box to insert the url in is EMPTY!

[David]

Hi there,

did you resolve the issue ? As i see the icons in your footer.
Let me know

[Jo]

Hi David,

yes I did. Maybe I couldn´t work on them properly being logged in as myself, but only as an admin. I don´t know. I fondled around and at the end I got it! Thanks! But I got some new issue… 🙂

[David]

SVGs that are added in the editor are passed through a sanitizer to make sure they contain no malicious code. And for some setups, the user will require certain permissions to edit those. Which is probably why all is ok when you’re an admin user.

Glad to hear you got it working

[Author]

Posts