[Resolved] Can't add Gutenberg code block, error with GP Social Share plugin

[Santa]

Hi! Thank you very much for your time.
Copied the later code in the Twitter, for me it still shows the image url in twitter place. Tried both of the codes you provided, the icon changes, but there is still the text.

[David]

Odd – i tested that code locally and it works.
Can you check the other SVGs – the problem was the quotes in the SVG – if you look at the code i supplied you will see they look like this: " – just make sure yours do to.

[Santa]

Hi! My other codes are:
Facebook:

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 10h-2v2h2v6h3v-6h1.82l.18-2h-2v-.833c0-.478.096-.667.558-.667h1.442v-2.5h-2.404c-1.798 0-2.596.792-2.596 2.308v1.692z"/></svg>
Pinterest:
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 6c-3.313 0-6 2.686-6 6 0 2.542 1.581 4.712 3.812 5.587-.052-.475-.1-1.203.022-1.721.108-.468.703-2.982.703-2.982s-.181-.359-.181-.891c0-.834.485-1.457 1.087-1.457.512 0 .759.385.759.845 0 .516-.328 1.285-.497 1.998-.142.598.3 1.084.889 1.084 1.066 0 1.887-1.124 1.887-2.747 0-1.437-1.032-2.441-2.507-2.441-1.707 0-2.709 1.28-2.709 2.604 0 .516.199 1.068.446 1.368.049.06.056.112.041.173l-.165.68c-.027.11-.088.134-.201.081-.75-.349-1.219-1.444-1.219-2.325 0-1.893 1.375-3.63 3.964-3.63 2.082 0 3.7 1.482 3.7 3.465 0 2.068-1.304 3.732-3.114 3.732-.608 0-1.179-.315-1.375-.689l-.374 1.426c-.135.521-.501 1.175-.746 1.573.562.173 1.16.267 1.778.267 3.313 0 6-2.687 6-6 0-3.314-2.687-6-6-6z"/></svg>
and Email:
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M12 2.02c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 12.55l-5.992-4.57h11.983l-5.991 4.57zm0 1.288l-6-4.629v6.771h12v-6.771l-6 4.629z"/></svg>

The " for me looks okey. Don’t understand where the problem could be. Maybe the code I inserted in post is wrong?

[David]

Can you try removing the other content on the page, so it just has the code block?

[Santa]

Hi!
Yes, have removed everything else. It still shows the twitter text.

[David]

Well there is something definitely not right with that page. I mocked this up using your code – as you can see it works fine:

https://mic.assemblewp.com/2019/05/20/another-post/

I even left in the additional spaces in your Code block html – which i suggest you remove.

What happens if you create a new post and add the same content?

[Santa]

Hi! Tried to make new page, it still showed the error. Tried editing the page with elementor and after some steps the issue disappeared. Thank you for your help!

[David]

Well glad to hear you got it resolved. 🙂

[Author]

Posts