SVG and Avia Layout Architect

Hi Yigit,

thanks for your fast response!

It does not load, if I deactivate the plugin. But it does load, if I cut out the link with the SVG Image:

[av_textblock size='' font_color='' color='']
<object data=”http://ect.inspiras-qm.de/wp-content/uploads/2016/03/etc-solutions.svg&#8221; type=”image/svg+xml”></object>
[/av_textblock]

Thanks!
Klaus

Hey Ismael,

Great! This is a very good solution. I had a look on the functions.php in the child-theme. I have to adjust the absolute path to the image after migrating to the live site, of course.

Works like a charm.

Thanks a lot!
Klaus (klaaba)

Hi Richard,

I found a second page on the same site, on which the Avia Layout Architect does not load anymore:

Should I open a separate Thread?

Kind regards,
Klaus

Hey Basilis,

many thanks for your quick response.

After the first part of the thread I know already, that the SVG image I am using on the frontpage is causing issues. On the other hand I need this SVG image because my client wants to have this special clickable image which has to be responsive. I have no other idea how I could generate a clickable image which is responsive.

The same issue I experience at the moment on http://ect.inspiras-qm.de/research/research-publications/ I had on the frontpage before you removed the svg code in the text block and then used javascript to append the svg object inside the svg-container.

There is no SVG Code on the page http://ect.inspiras-qm.de/research/research-publications/. All other pages are editable with the Avia Layout Architect.

Kind regards,
Klaus

Hi Andy,

I do not use a 3rd party plugin. I just use a SVG image – related plugins are deactivated.

I thought it would be possible to use a SVG image with Enfold. It’s a pity. You corrected the small issue with the front page very fast. It also seems to be a small issue on the page http://ect.inspiras-qm.de/research/research-publications/. The problem is, I do not understand understand exactly, what you programmed: “We removed the svg code in the text block and then used javascript to append the svg object inside the svg-container. ”

Kind regards,
Klaus

Hi Vinay,

thank you very much for your friendly message.

You said: “You can use svg with enfold just like you use images :) You need to install this plugin https://wordpress.org/plugins/svg-support/ then upload your svg just like images to media library and use them.”

Very good. I installed this plugin and uploaded this (to my client very important) SVG image. Now I have the issue that on the page http://ect.inspiras-qm.de/research/research-publications/ Avia Layout Architect is not loading.

Even if I deactivate the plugin plugin https://wordpress.org/plugins/svg-support/ there is no change: the one and only imported SVG image is still working correctly, the Avia Layout Architect is still not loading on that page. Therefore I assume that the plugin https://wordpress.org/plugins/svg-support is just needed to import a SVG image to WordPress at all.

Any suggestions, why Avia Layout Architect is not loading with this SVG?

Thanks,
Klaus

Hey Vinay,

many thanks for your help. That was a good hint. Wordfence is causing the conflict. So I think it would a good idea to involve them to find a solution.

Thanks again,
Klaus