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

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

Home Forums Support Can't add Gutenberg code block, error with GP Social Share plugin

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #902429
    Santa

    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.

    #902435
    David
    Staff
    Customer Support

    Hi there,

    use the HTML block instead. The Code block is used if you want to display code on your site.

    #902437
    Santa

    Hi! Thank you for your answer.
    That is exactly what I want. I want people to copy the code and put in their sites.

    #902441
    David
    Staff
    Customer Support

    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

    #902444
    Santa

    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!

    #902452
    David
    Staff
    Customer Support

    So the error in the GP Social Icons is only present while that code block is on the page?

    #902454
    Santa

    Hi!
    Yes it is visible only then.

    #902457
    David
    Staff
    Customer Support

    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.

    #902468
    Santa

    Hi! The code I have in GP Social Share Twitter field is:

    <svg xmlns=”http://www.w3.org/2000/svg&#8221; 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>

    #902479
    David
    Staff
    Customer Support

    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 ?

    #902525
    Santa

    Yes.

    #902904
    David
    Staff
    Customer Support

    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.

    #903338
    Santa

    Thank you!

    #905259
    David
    Staff
    Customer Support

    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>

    #905264
    David
    Staff
    Customer Support

    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>

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