Archived topic
Can't add Gutenberg code block, error with GP Social Share plugin
22 replies · Started by Santa on May 17, 2019
Hi! Tried adding html image code to gutenberg code block, but for some reason it doesn't show as expected. How to fix this? When deleting the code block everything is okey.
Hi there,
use the HTML block instead. The Code block is used if you want to display code on your site.
Hi! Thank you for your answer.
That is exactly what I want. I want people to copy the code and put in their sites.
Aah ok sorry didn't see the code block :). So how do you want it to display? All on one line with a horizontal scroll bar? Let me know
Hi! Yes all on one line would be great.
Do you see also the error with GP social share on left side? It for some reasons gives error and shows the code in GP social share twitter field.
Thank you!
So the error in the GP Social Icons is only present while that code block is on the page?
Hi!
Yes it is visible only then.
Can you check the URL that you have added to the Twitter Social Icon, just want to eliminate that there aren't any breaks or spaces that shouldn't be there. If not we will need to raise this with the plugin author.
Hi! The code I have in GP Social Share Twitter field is:
<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-12zm6.5 8.778c-.441.196-.916.328-1.414.388.509-.305.898-.787 1.083-1.362-.476.282-1.003.487-1.564.597-.448-.479-1.089-.778-1.796-.778-1.59 0-2.758 1.483-2.399 3.023-2.045-.103-3.86-1.083-5.074-2.572-.645 1.106-.334 2.554.762 3.287-.403-.013-.782-.124-1.114-.308-.027 1.14.791 2.207 1.975 2.445-.346.094-.726.116-1.112.042.313.978 1.224 1.689 2.3 1.709-1.037.812-2.34 1.175-3.647 1.021 1.09.699 2.383 1.106 3.773 1.106 4.572 0 7.154-3.861 6.998-7.324.482-.346.899-.78 1.229-1.274z"/></svg>
it looks like a 'bug' in the GP Social Share plugin. Are you happy to add your URL openly in this forum and ill ask Jon to take a look ?
Yes.
I have sent the links to the GP Social Share Author - he is based in Australia so won't respond until tomorrow. I hope thats ok.
Thank you!
Hi there,
so the issue is related to the SVG code you have added for the twitter icon.
You can test this by adding back the default SVG:
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"/></svg>
OK - fixed your SVG code here:
<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-12zm6.5 8.778c-.441.196-.916.328-1.414.388.509-.305.898-.787 1.083-1.362-.476.282-1.003.487-1.564.597-.448-.479-1.089-.778-1.796-.778-1.59 0-2.758 1.483-2.399 3.023-2.045-.103-3.86-1.083-5.074-2.572-.645 1.106-.334 2.554.762 3.287-.403-.013-.782-.124-1.114-.308-.027 1.14.791 2.207 1.975 2.445-.346.094-.726.116-1.112.042.313.978 1.224 1.689 2.3 1.709-1.037.812-2.34 1.175-3.647 1.021 1.09.699 2.383 1.106 3.773 1.106 4.572 0 7.154-3.861 6.998-7.324.482-.346.899-.78 1.229-1.274z"/></svg>
