Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 20, 2017 at 11:53 am #854306
    gello84

    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

    September 20, 2017 at 4:57 pm #854458
    Victoria

    Hey gello84,

    Here is a thread for you to consider

    Code Block does not save html code

    Also pay attention to the quotes. They should be

    " " not  ″ or ”

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

    September 22, 2017 at 6:44 pm #855511
    gello84

    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.

    September 23, 2017 at 6:17 pm #855841
    Victoria

    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, 2 months ago by Victoria.
    September 24, 2017 at 4:00 pm #856065
    Vinay

    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, 2 months ago by Vinay.
    September 24, 2017 at 6:12 pm #856156
    gello84

    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, 2 months ago by gello84.
    September 24, 2017 at 6:30 pm #856172
    Mike

    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

    September 24, 2017 at 7:13 pm #856198
    gello84

    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

    September 24, 2017 at 7:18 pm #856202
    gello84

    Some screenshot of my configuration:
    https://pictr.com/image/NMTNG
    https://pictr.com/image/NMcuP
    https://pictr.com/image/NMeXj

    September 24, 2017 at 8:27 pm #856221
    Mike

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

    Best regards,
    Mike

    September 26, 2017 at 3:27 pm #856973
    gello84

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

    Thanks,
    Giuseppe.

    September 26, 2017 at 5:24 pm #857034
    gello84

    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, 2 months ago by gello84.
    September 26, 2017 at 11:58 pm #857182
    Mike

    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

    September 27, 2017 at 7:25 pm #857687
    gello84

    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.

    September 28, 2017 at 1:35 am #857759
    Mike

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

    Best regards,
    Mike

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