My Infographic HTML is not visble

  • Unknown's avatar
    shantibhope · Member ·

    I have added Custom HTML block and i can see the preview in the edit block, but it is not being visible in preview and after getting published my readers are not being able to look at it as its not visible at all.

    WP.com: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to moderators and staff)

  • staff-blorbo · Staff ·

    It’s possible it may contain code that’s not allowed on plans lower than the Business Plan: https://wordpress.com/support/code/

    Would you please paste the code here using the “code” button above the reply field?

  • Unknown's avatar
    shantibhope · Member · 
    <div style="position: relative; width: 100%; height: 0; padding-top: 250.0000%;
 padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  https://www.canva.com/design/DAE5JTT4who/view?embed
</div>
<a href="https://www.canva.com/design/DAE5JTT4who/view?utm_content=DAE5JTT4who&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Right of PMI</a> by Shanti Bhope
  • Unknown's avatar
    cuellin · Member ·

    Hi there!
    As macmanx explained, some HTML tags are not allowed:

    The following tags are not allowed on sites on our Premium Plan and below for security reasons:

    embed, frame, iframe, form, input, object, textarea, style, link

    These tags may be used with sites on our Business Plan with plugins installed.

    Read more about it here: https://wordpress.com/support/code/#html-tags

    From your code, the style tag is one of the ones that are not allowed. To apply the code to your page you’ll need to upgrade to a Business plan, or you can add custom CSS code with a Premium plan.
    You can check the pricing here: https://wordpress.com/pricing/

    Hope this helped! 😊

  • kokkieh · Staff ·

    Hi there,

    i can see the preview in the edit block

    Custom HTML blocks don’t show previews. They show the code exactly as you enter it, and only render the content in the published version of the post. So I’m not sure what you’re referring to.

    Can you please take a screen shot of what you’re seeing in the editor so I can see what exactly you’re speaking of? If you upload that directly to your media library, I’ll be able to see it there.

    That said, your code is essentially just a div (really just an empty frame), and a link. Inside the div you have an embed link from Canva, but we don’t support Canva embeds on WordPress.com as it’s not currently supported in the open WordPress software itself, so that link won’t embed anything here, instead just showing the naked URL itself.

    So to add your infographic to your post/page, you’ll need to download it as an image file instead (check if there’s a “Export as PNG/JPG” option in Canva, or else just visit that embed link and take a screen shot) and upload that to the media library, inserting it as an image block.

    You can add your attribution link, <a href="https://www.canva.com/design/DAE5JTT4who/view?utm_content=DAE5JTT4who&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Right of PMI</a> by Shanti Bhope as the image caption so you still have that.

  • The topic ‘My Infographic HTML is not visble’ is closed to new replies.