Tagged: svg
-
AuthorPosts
-
September 20, 2017 at 11:53 am #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,
GiuseppeSeptember 20, 2017 at 4:57 pm #854458Hey 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,
VictoriaSeptember 22, 2017 at 6:44 pm #855511Hi,
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 #855841Hi 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.
September 24, 2017 at 4:00 pm #856065Hi,
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/vvsDdCF0WordPress 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.
September 24, 2017 at 6:12 pm #856156Thanks 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.
September 24, 2017 at 6:30 pm #856172Hi,
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>
Best regards,
MikeSeptember 24, 2017 at 7:13 pm #856198Dear 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,
GiuseppeSeptember 24, 2017 at 7:18 pm #856202Some screenshot of my configuration:
https://pictr.com/image/NMTNG
https://pictr.com/image/NMcuP
https://pictr.com/image/NMeXjSeptember 24, 2017 at 8:27 pm #856221Hi,
Can you please include a admin login in the private content area so we can take a closer look.Best regards,
MikeSeptember 26, 2017 at 3:27 pm #856973Sure!
I have created a page called “Test” with the code block example.Thanks,
Giuseppe.September 26, 2017 at 5:24 pm #857034I 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/NIzLlThanks.
Giuseppe.- This reply was modified 7 years ago by gello84.
September 26, 2017 at 11:58 pm #857182Hi,
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,
MikeSeptember 27, 2017 at 7:25 pm #857687I 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 -
AuthorPosts
- The topic ‘Problem with Block Code element and Svg’ is closed to new replies.