Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #854306

    Hi,
    I’d like to put this code inside a Block Code element. But it doesn’t work:
    <svg width=”1280″ height=”8vw” version=”1.1″ class=”pin-bottom col12 z10 mask mask-drop” viewBox=”0 0 1280 100″>
    <path d=”M1280 0 150 100 0 20l0 80 1280 0z” fill=”#f4f7fb”></path>
    </svg>

    It’s completely ignored. Why?

    Thanks,
    Giuseppe

    #854458

    Hey gello84,

    Here is a thread for you to consider

    Also pay attention to the quotes. They should be

    " " not  ″ or ” 

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #855511

    Hi,

    I have replaced the quotes, but the problems still persist.
    It seems that doesn’t like SVG tag element. Does it execute any pre-parsing of the block code before to put it inside the html?

    Thanks,
    Giuseppe.

    #855841

    Hi Giuseppe,

    Did you check the thread in the reply above? make sure the code is valid.
    I tries the code also, got the same result, I’ll ask my colleagues to have a look.

    Best regards,
    Victoria

    • This reply was modified 7 years ago by Victoria.
    #856065

    Hi,

    As I understand you like to display the HTML code in the code block element and not execute the code on the page correct?

    If so please enable the options “Escape HTML code” and “Disable shortcode processing”. Also use “pre” in the code block element.


    And the result will be as seen below

    If that does not work please enable the debug mode and use the below shortcode.
    https://pastebin.com/raw/vvsDdCF0

    WordPress by default do not support svg like it does img tags. So if you like to execute the svg code please use a plugin like https://wordpress.org/plugins/svg-support/

    Best regards,
    Vinay

    • This reply was modified 7 years ago by Vinay.
    #856156

    Thanks Vinay for your reply, but actually I’d like to execute the HTML code.
    It should create a shape inside the page.

    I have tried to install the plugin SVG Support but without effect.

    Also I have tried to put your code ( https://pastebin.com/raw/vvsDdCF0 ) inside the code block element but it doesn’t working…what I need to do to enable debug mode??

    Could you try to execute the code block that I have posted?

    Thanks,
    Giuseppe

    • This reply was modified 7 years ago by gello84.
    #856172

    Hi,
    I put your code in my code block without any plugins and got a result, but I’m not sure what it’s suppose to look like.

    <svg width="1280" height="8vw" version="1.1" class="pin-bottom col12 z10 mask mask-drop" viewBox="0 0 1280 100">
    <path d="M1280 0 150 100 0 20l0 80 1280 0z" fill="#f4f7fb"></path>
    </svg>

    https://pictr.com/image/NMjAB

    Best regards,
    Mike

    #856198

    Dear Mike,
    it’s exactly the result that I’m looking forward!
    But with my version of the template I can’t get the same result…it’s incredible.

    I have put the code in code block but the final result is that:
    <div class="avia_codeblock " itemprop="text"> </div>

    My code was totally ignored…Have you modified some settings or anything else??

    Thanks,
    Giuseppe

    #856202
    #856221

    Hi,
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    #856973

    Sure!
    I have created a page called “Test” with the code block example.

    Thanks,
    Giuseppe.

    #857034

    I think that there is a serious bug inside block code element..

    I’m trying to put this simple code inside the page but as before it does’t working:
    <div class="av-extra-border-element border-extra-diagonal border-extra-diagonal-top diagonal-box-shadow-joe"><div class="av-extra-border-outer-joe"><div class="av-extra-border-inner-joe" style="background-color: #ededed;"></div></div></div>

    Some screenshot:
    https://pictr.com/image/NIlBj
    https://pictr.com/image/NIzLl

    Thanks.
    Giuseppe.

    • This reply was modified 7 years ago by gello84.
    #857182

    Hi,
    I put your code in the code block on the page “test” and it is working, please review and see screenshot in Private Content area.

    <svg width="1280" height="8vw" version="1.1" class="pin-bottom col12 z10 mask mask-drop" viewBox="0 0 1280 100">
    <path d="M1280 0 150 100 0 20l0 80 1280 0z" fill="#f4f7fb"></path>
    </svg>

    Best regards,
    Mike

    #857687

    I discovered the problem…
    The block code element doesn’t working inside the Preview Mode.
    It will be displayed only inside the published page. I don’t know why.

    Thanks for yours support,
    Giuseppe.

    #857759

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Problem with Block Code element and Svg’ is closed to new replies.